当promise链末尾的数组为setState时，对象作为React子级无效

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

  componentDidMount() {
    fetchData()
      .then(response => {
        // 处理数据
        const newData = processData(response);

        // 使用函数形式的setState更新状态
        this.setState(prevState => ({
          data: [...prevState.data, ...newData]
        }));
      })
      .catch(error => {
        console.error(error);
      });
  }

  render() {
    return (
      <div>
        {/* 渲染数据 */}
        {this.state.data.map(item => (
          <div key={item.id}>{item.name}</div>
        ))}
      </div>
    );
  }
}