javascript - map is not a function 在 REACT 中对数组使用 push 后出现错误

Question

我在函数(事件)中将元素推送到数组，将此元素插入数组后出现此错误，

handleAddList(s) {
  this.setState({lists :this.state.lists.push(s) });
  console.log(this.state.lists);
}

lists.map 不是函数。列出一个 React 组件

如果我这样写

handleAddList(s) {
  this.setState({lists :['something','something else']});
  console.log(this.state.lists);
}

但是当我手动定义列表时，它运行良好。就在我在数组中推送一个新元素时，我收到了这个错误。另外，如果 push 破坏了数组。最好的问候

Answer 1

push的结果是数组的长度，这不是你想要的。您想要创建一个包含新对象的新数组:

handleAddList(s) {
  this.setState(
    previousState => {
      return { lists: [...previousState.lists, s] };
    },
    () => {
      console.log(this.state);
    }
  );
}