如何将我的数组发送到react中的其他组件？

// 发送数组的组件
import React from 'react';
import TargetComponent from './TargetComponent';

const SendingComponent = () => {
  const myArray = [1, 2, 3, 4, 5];

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

export default SendingComponent;

// 接收数组的组件
import React from 'react';

const TargetComponent = (props) => {
  const receivedArray = props.arrayProp;

  // 使用接收到的数组
  // ...

  return (
    <div>
      {/* 目标组件的内容 */}
    </div>
  );
};

export default TargetComponent;

// 创建Context
import React from 'react';

const ArrayContext = React.createContext([]);

export default ArrayContext;

// 发送数组的组件
import React from 'react';
import ArrayContext from './ArrayContext';
import TargetComponent from './TargetComponent';

const SendingComponent = () => {
  const myArray = [1, 2, 3, 4, 5];

  return (
    <div>
      <ArrayContext.Provider value={myArray}>
        <TargetComponent />
      </ArrayContext.Provider>
    </div>
  );
};

export default SendingComponent;

// 接收数组的组件
import React from 'react';
import ArrayContext from './ArrayContext';

const TargetComponent = () => {
  return (
    <ArrayContext.Consumer>
      {(array) => (
        <div>
          {/* 使用接收到的数组 */}
          {/* ... */}
        </div>
      )}
    </ArrayContext.Consumer>
  );
};

export default TargetComponent;

// 发送数组的组件
import React from 'react';
import { useDispatch } from 'react-redux';
import { setArray } from './actions';

const SendingComponent = () => {
  const dispatch = useDispatch();
  const myArray = [1, 2, 3, 4, 5];

  // 将数组存储到store中
  dispatch(setArray(myArray));

  return (
    <div>
      {/* 发送数组的组件的内容 */}
    </div>
  );
};

export default SendingComponent;

// 接收数组的组件
import React from 'react';
import { useSelector } from 'react-redux';

const TargetComponent = () => {
  const receivedArray = useSelector((state) => state.array);

  // 使用接收到的数组
  // ...

  return (
    <div>
      {/* 目标组件的内容 */}
    </div>
  );
};

export default TargetComponent;