84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
React JSX で次のようなことをしようとしています (ObjectRow は別のコンポーネントです)。
for (var i=0; i < numrows; i ) { }
JSX は関数呼び出しにマップされているため、これが有効な JSX ではない理由は理解しています。ただし、テンプレートの世界から来ており、JSX は初めてなので、上記の目標 (コンポーネントを複数回追加する) を達成する方法がわかりません。
これがあなたのケースに適切かどうかはわかりませんが、通常はmapが適切な答えです。
これがforループを使用するコードの場合:
map を使用して 一> を次のように記述できます:
ES6 構文:
JavaScript 関数を呼び出しているだけであると考えてください。forループを使用して関数呼び出しに引数を渡すことはできません:
for
関数tbodyがパラメーターとしてforループにどのように渡されるか、構文エラーが発生するかを確認してください。
tbody
ただし、配列を作成してパラメータとして渡すこともできます。
JSX を使用する場合は、基本的に同じ構造を使用します:
ちなみに、私の JavaScript の例は、JSX の例とほぼ同じものを変換します。Babel REPLを使用して、JSX がどのように動作するかを感じてみてください。
これがあなたのケースに適切かどうかはわかりませんが、通常はmapが適切な答えです。
これがforループを使用するコードの場合:
リーリーmap を使用して 一> を次のように記述できます:
リーリーES6 構文:
リーリーJavaScript 関数を呼び出しているだけであると考えてください。
リーリーfor
ループを使用して関数呼び出しに引数を渡すことはできません:関数
tbody
がパラメーターとしてfor
ループにどのように渡されるか、構文エラーが発生するかを確認してください。ただし、配列を作成してパラメータとして渡すこともできます。
リーリーJSX を使用する場合は、基本的に同じ構造を使用します:
リーリーちなみに、私の JavaScript の例は、JSX の例とほぼ同じものを変換します。Babel REPLを使用して、JSX がどのように動作するかを感じてみてください。