Печать массива внутри другого массива в React

Чтобы напечатать массив внутри другого массива в React, вы можете использовать различные методы. Вот несколько подходов:

  1. Использование метода 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>;
  2. Использование вложенных циклов:

    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>;
  3. Использование метода 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реальными массивами.