react 数组添加数据

在 React 中，如果要在数组中添加新的数据，需要使用setState()方法来更新组件的状态。具体步骤如下：

1. 创建一个新的数组或复制现有的数组；
2. 向新的数组中添加新的数据；
3. 使用setState()方法更新组件的状态，将新的数组赋值给原数组的状态属性。

以下是一个示例代码：

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      data: ['a', 'b', 'c']
    };
  }

  handleClick = () => {
    const newData = [...this.state.data, 'd'];
    this.setState({ data: newData });
  }

  render() {
    return (
      <div>
        <ul>
          {this.state.data.map(item => <li key={item}>{item}</li>)}
        </ul>
        <button onClick={this.handleClick}>Add Data</button>
      </div>
    );
  }
}

在这个示例中，我们创建了一个MyComponent组件，并将初始数据设置为 ['a', 'b', 'c']。当用户点击“Add Data”按钮时，我们会将新的数据 ['a', 'b', 'c', 'd'] 赋值给状态属性data，并使用setState()方法来更新组件的状态。