JavaScript在React JSX内部循环

JavaScript在React JSX内部循环

就像您只是在调用Javascript函数一样。您不能使用

for

循环来调用函数的参数：

return tbody(    for (var i = 0; i < numrows; i++) {        ObjectRow()    } )

查看如何将函数作为参数

tbody

传递给

for

循环，这当然是语法错误。

但是您可以创建一个数组，然后将其作为参数传递：

var rows = [];for (var i = 0; i < numrows; i++) {    rows.push(ObjectRow());}return tbody(rows);

---

使用JSX时，可以使用基本相同的结构：

var rows = [];for (var i = 0; i < numrows; i++) {    // note: we add a key prop here to allow react to uniquely identify each    // element in this array. see: https://reactjs.org/docs/lists-and-keys.html    rows.push(<ObjectRow key={i} />);}return <tbody>{rows}</tbody>;

顺便说一句，我的Javascript示例几乎就是该JSX示例转换成的示例。与[BabelREPL]一起玩，以了解JSX的工作方式。