Considere dos matrices:
props = ['prop1','prop2','prop3'] about = ['about1','about2','about3']Estoy buscando mostrarlos de una manera en la que el índice de cada matriz esté emparejado con el otro, algo así como:
props[0] - 'prop1' about[0] - 'about1' props[1] - 'prop2' about[1] - 'about2'Hasta ahora, he intentado anidar dos mapas juntos, pero obtengo una salida de muchos valores repetitivos o no válidos. ¿Alguien sabe cómo puedo modificar la solución que tengo para mostrar correctamente las matrices con el mapa?
props.map( arg => { return ( about.map ( arg2 => { <div> <p> {arg} </p> <p> {arg2} </p> </div> }) ); })Lo que debe hacer es usar la propiedad de índice en el método de mapa para acceder al elemento en la segunda matriz en el mismo índice que la primera.
Tu código se vería así
props.map((arg, i) => { return ( <div> <p>{arg}</p> <p>{about[i]}</p> </div> ); });Sin embargo, debe tener en cuenta que para que esto funcione, ambas matrices deben tener la misma longitud, o la que está mapeando debe tener una longitud mayor que la segunda. De lo contrario, obtendría indefinido para algunos valores.