用props传值数组引用类型

在React中，可以使用props来将数据从父组件传递给子组件。通常情况下，我们将简单的数据类型（如字符串、数字等）作为props传递，但也可以通过props传递引用类型的数据，比如数组。

通过props传递数组时，需要注意一些细节。首先，父组件可以将一个数组作为props的值传递给子组件，并在子组件中通过this.props来访问该数组。例如：

// 父组件
class ParentComponent extends React.Component {
  render() {
    const myArray = [1, 2, 3, 4, 5];
    return <ChildComponent arrayProp={myArray} />;
  }
}

// 子组件
class ChildComponent extends React.Component {
  render() {
    const arrayReceived = this.props.arrayProp;
    // 在这里可以使用接收到的数组进行一些操作
    // ...
    return <div>{arrayReceived}</div>;
  }
}

在上面的例子中，父组件创建了一个名为`myArray`的数组，并将其通过`arrayProp`的props传递给子组件`ChildComponent`。在子组件中，可以通过`this.props.arrayProp`来获取父组件传递的数组，然后可以在子组件中对该数组进行操作，并进行渲染。

需要注意的是，由于React使用了虚拟DOM的概念，所以在子组件中对通过props传递的数组进行修改是不被允许的。这是因为React希望通过props的不可变性来提高性能和可预测性。如果需要在子组件中修改传递的数组，可以通过在子组件中复制一份新的数组，然后对新的数组进行修改。

综上所述，通过props可以传递数组这样的引用类型数据给子组件，并可以在子组件中使用该数组进行操作和渲染。但在子组件中不应该直接修改通过props传递的数组。