Saltar al contenido

cómo usar for loop inside return en el ejemplo de código de react js

Este tutorial fue analizado por expertos así aseguramos la exactitud de nuestra esta sección.

Ejemplo 1: reaccionar para bucle en render

render:function()const elements =['one','two','three'];return(<ul>elements.map((value, index)=>return<li key=index>value</li>)</ul>)

Ejemplo 2: reaccionar render para bucle

// for loop workaround in react render[...Array(n)].map((_, index)=><span key=index>element index</span>)

Ejemplo 3: devolver jsx en el bucle for

var rows =[];for(var i =0; i < numrows; i++)
    rows.push(ObjectRow());returntbody(rows);

Ejemplo 4: renderizar texto en bucle for reaccionar en función

myLoopFunction()var myArray =[];var i;for(i =0; i <this.state.events.length; i++)
      myArray[i]=(<Event
          time=this.state.events[i].time
          title=this.state.events[i].title/>);return myArray;

Ten en cuenta recomendar esta noticia si te fue útil.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *