如何呈现嵌套数组元素Reactjs

const nestedArray = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];

import React from 'react';

const NestedArrayComponent = ({ data }) => {
  const renderNestedArray = (nestedData) => {
    return nestedData.map((item, index) => (
      <div key={index}>
        {Array.isArray(item) ? renderNestedArray(item) : item}
      </div>
    ));
  };

  return (
    <div>
      {renderNestedArray(data)}
    </div>
  );
};

const App = () => {
  const nestedArray = [
    [1, 2, [3, 4]],
    [5, [6, 7, [8, 9]]],
    10
  ];

  return (
    <div>
      <h1>Nested Array Rendering</h1>
      <NestedArrayComponent data={nestedArray} />
    </div>
  );
};

export default App;

const renderNestedArray = (nestedData) => {
  return nestedData.map((item, index) => (
    <div key={index}>
      {Array.isArray(item) ? renderNestedArray(item) : item}
    </div>
  ));
};

import { FixedSizeList as List } from 'react-window';

const Row = ({ index, style }) => (
  <div style={style}>
    {data[index]}
  </div>
);

const VirtualizedList = () => (
  <List
    height={400}
    itemCount={data.length}
    itemSize={35}
    width={300}
  >
    {Row}
  </List>
);