如何在React中传递(和使用)多维数组作为属性？

// 父组件
import React from 'react';
import ChildComponent from './ChildComponent';

const ParentComponent = () => {
  const myArray = [
    [1, 2, 3],
    [4, 5, 6],
    [7, 8, 9]
  ];

  return (
    <div>
      <ChildComponent arrayProp={myArray} />
    </div>
  );
};

export default ParentComponent;

// 子组件
import React from 'react';

const ChildComponent = (props) => {
  const { arrayProp } = props;

  return (
    <div>
      {arrayProp.map((row, rowIndex) => (
        <div key={rowIndex}>
          {row.map((item, itemIndex) => (
            <span key={itemIndex}>{item}</span>
          ))}
        </div>
      ))}
    </div>
  );
};

export default ChildComponent;