javascript - For loop in react render method -
this question has answer here:
- loop inside react jsx 32 answers
i want create paging link grid.i pass maxpages(number) property component cant use in render method. can ?
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>); }});
you can run loop before rendering (note there's error in for loop)
var lis = []; (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> ); } });
Comments
Post a Comment