用于循环中的反应渲染方法

这个问题在这里已经有了答案：

循环内React JSX 38答案

for循环回答1答案

---

您可以在渲染之前运行循环（请注意， for循环中有错误）

var lis = [];

for (var i=0; i<10; i++) {
    lis.push(<li><a href="#">{i + 1}</a></li>);
}

var Pagination = React.createClass({
    render: function(){
        return(
            <div class="text-center">
                <ul class="pagination">

                    <li><a href="#">«</a></li>
                    {lis}
                    <li><a href="#">»</a></li>
                </ul>
            </div>
        );
    }
});

小提琴

---

您只能将表达式嵌入到JSX中。

<ul className="pagination">{children}</ul>

被转换成类似的东西

React.createElement('ul', {className: 'pagination'}, children);

你现在看到你怎么可能永远不会有一个for循环代替children ？ 语句不能在函数调用表达式中。

你可以事先创建一个数组，像adeneo在他们的答案中显示的那样。

链接地址: http://www.djcxy.com/p/52039.html

上一篇: For loop in react render method

下一篇: Does curry function in javascript uses principle of closure?