Чтобы напечатать массив внутри другого массива в React, вы можете использовать различные методы. Вот несколько подходов:
-
Использование метода JavaScript Map():
const mainArray = [array1, array2, array3]; // The main array containing the inner arrays const renderedArrays = mainArray.map((innerArray, index) => ( <div key={index}> {innerArray.map((item, itemIndex) => ( <span key={itemIndex}>{item}</span> ))} </div> )); return <div>{renderedArrays}</div>; -
Использование вложенных циклов:
const mainArray = [array1, array2, array3]; // The main array containing the inner arrays const renderedArrays = []; for (let i = 0; i < mainArray.length; i++) { const innerArray = mainArray[i]; const innerElements = []; for (let j = 0; j < innerArray.length; j++) { innerElements.push(<span key={j}>{innerArray[j]}</span>); } renderedArrays.push(<div key={i}>{innerElements}</div>); } return <div>{renderedArrays}</div>; -
Использование метода Array.prototype.reduce():
const mainArray = [array1, array2, array3]; // The main array containing the inner arrays const renderedArrays = mainArray.reduce((acc, innerArray, index) => { const innerElements = innerArray.map((item, itemIndex) => ( <span key={itemIndex}>{item}</span> )); acc.push(<div key={index}>{innerElements}</div>); return acc; }, []); return <div>{renderedArrays}</div>;
Эти методы помогут вам распечатать массив внутри другого массива в React. Не забудьте заменить array1, array2и array3реальными массивами.