<分区>
我想为我的网格创建分页链接。我将 maxPages(number) 属性传递给组件，但我不能在渲染方法中使用 for。我能做什么？
var Pagination = React.createClass({
render: function(){
return(
<div class="text-center">
<ul class="pagination">
<li><a href="#">«</a></li>
{for (var i=0;i <10;i++;)
{
return( <li><a href="#">i + 1 </a></li>);
}
}
<li><a href="#">»</a></li>
</ul>
</div>);
}});
最佳答案
您可以在渲染之前运行循环(请注意，您的 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>
);
}
});
关于javascript - react 渲染方法中的for循环，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29859380/
相关文章：
javascript - 在函数内按时间间隔触发函数(coffeescript)
javascript - 如何在 AngularJS 的 ng-repeat 循环中使用 ng-model？
javascript - 从浏览器中的安全 token 读取数据
javascript - 使用 will-change 属性而不是 translate3d 进行硬件加速有什么好处？
javascript - 如果任何依赖项在路径中有 "Could not locate module"，则开 Jest "src"
javascript - 是否可以通过一个项目在 Window 和 Linux 上进行编码？ (使用 yarn 、 react )