javascript - For loop in react render method -


this question has answer here:

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>         );     } }); 

fiddle


Comments

Popular posts from this blog

shopping cart - Page redirect not working PHP -

php - How to modify a menu to show sub-menus -

python - Installing PyDev in eclipse is failed -