如何正确地将 setState 设置为对象数组？ [复制]

Question

我有一个数组 ob 对象，它根据它们的数量创建 Close 按钮。当我单击Close 按钮时，我希望数组被更新（删除），然后按钮元素将从屏幕上消失。

我已经在console.log 进行了锻炼，但无法正确执行 setState :(

此处的示例代码：https://codesandbox.io/s/sharp-kilby-hn2d9

任何帮助将不胜感激，我相信这只是我需要正确执行它的 setState 的格式，但是因为它的对象数组等等我无法弄清楚。

Answer 1

这里是你重写的handleclick函数，你根据需要修改后忘记返回最后的状态：

  handleClick = i => {
    this.setState(state => {
      var newState = {allProjects: []};
      for (let z = 0; z < state.allProjects.length; z++) {
        const element = state.allProjects[z].employees;
        const items = element.filter(item => item !== i);
        console.log('filter', items);
        console.log('===========');
        newState.allProjects[z] = Object.assign({}, state.allProjects[z]);
        newState.allProjects[z].employees = items;
      }
      return newState;
    });
  };