Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

535
Vistas
Cómo crear una tabla con filas y columnas dinámicas con número en React-JS

 let arr=[] for(let i=2;i<=10;i=i+2){ arr[i]=[] for(let j=1;j<=20;j=j+2){ arr[i][j]=i*j; } console.log(`\n`); } console.table(arr);
 https://stackoverflow.com/questions/ask#

**Este código es correcto en JavaScript, pero no tengo idea en React-JS

 enter code here

Cómo se crea esta imagen de tabla en React-JS **

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Este es un ejemplo de tabla simple usando map()

El método map() crea la tabla recorriendo todos los elementos de la matriz y devolviendo HTML con el índice y la cadena de cada elemento de la matriz.

HTML devuelto por map()

 <tr key={index}> <td> {index} </td> <td> {str} </td> </tr>

Prueba el siguiente fragmento

 function App(){ const myArray = ['item zero', 'item one', 'item two'] return[ <table key='table-key'> <thead> <tr> <th>index</th> <th>string</th> </tr> </thead> <tbody> {myArray.map((str, index) => { return[ <tr key={index}> <td> {index} </td> <td> {str} </td> </tr> ] })} </tbody> </table> ] } ReactDOM.render(<App/>, document.getElementById("root"));
 <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script> <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script> <div id="root"/>

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda