Quiero crear un enlace de paginación para mi cuadrícula. Paso la propiedad maxPages (número) al componente pero no puedo usarlo para el método de procesamiento. Que puedo hacer ?
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>); }});Puede ejecutar el bucle antes de la representación (tenga en cuenta que hay un error en su bucle 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> ); } });Solo puede incrustar expresiones en JSX.
<ul className="pagination">{children}</ul>se convierte en algo como
React.createElement('ul', {className: 'pagination'}, children); ¿Ves ahora cómo nunca podrías tener un ciclo for en lugar de children ? Las declaraciones no pueden estar dentro de una expresión de llamada de función.
Puede crear una matriz de antemano, como mostró Adeneo en su respuesta .