React JSX の内部ループ
P粉966979765
P粉966979765 2023-08-23 14:08:12
0
2
450

React JSX で次のようなことをしようとしています (ObjectRow は別のコンポーネントです)。

 for (var i=0; i < numrows; i ) {  } 

JSX は関数呼び出しにマップされているため、これが有効な JSX ではない理由は理解しています。ただし、テンプレートの世界から来ており、JSX は初めてなので、上記の目標 (コンポーネントを複数回追加する) を達成する方法がわかりません。

P粉966979765
P粉966979765

全員に返信 (2)
P粉609866533

これがあなたのケースに適切かどうかはわかりませんが、通常はmapが適切な答えです。

これがforループを使用するコードの場合:

リーリー

map を使用して 一> を次のように記述できます:

リーリー

ES6 構文:

リーリー
いいねを押す+0
    P粉937769356

    JavaScript 関数を呼び出しているだけであると考えてください。forループを使用して関数呼び出しに引数を渡すことはできません:

    リーリー

    関数tbodyがパラメーターとしてforループにどのように渡されるか、構文エラーが発生するかを確認してください。

    ただし、配列を作成してパラメータとして渡すこともできます。

    リーリー

    JSX を使用する場合は、基本的に同じ構造を使用します:

    リーリー

    ちなみに、私の JavaScript の例は、JSX の例とほぼ同じものを変換します。Babel REPLを使用して、JSX がどのように動作するかを感じてみてください。

    いいねを押す+0
      最新のダウンロード
      詳細>
      ウェブエフェクト
      公式サイト
      サイト素材
      フロントエンドテンプレート
      私たちについて 免責事項 Sitemap
      PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!