Question

155

For loop in react render method

rated 0 times [ 156] [ 1] / answers: 1 / hits: 37771 / 9 Years ago, fri, april 24, 2015, 12:00:00

I want create paging link for my grid.I pass maxPages(number) property to component but i cant use for in render method. What can i do ?

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



}});

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

rebekahalysah

Add To Favorites

Follow

Total Points: 304

Total Questions: 96

Total Answers: 102

Location: Taiwan

Member since Mon, May 2, 2022

2 Years ago

answered 9 Years ago clarkulisesa · Accepted Answer

You can run the loop before the rendering (note that there's an error in your for loop)

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>

        );

    }

});

FIDDLE