如何设置状态并推送到数组？

Question

这是我的状态：

class table extends Component {
  state = {
    arr: [],
    numofSub: 1
  };

我希望通过从我的数据库中获取将一个对象推送到具有设置状态的 arr， 提取效果很好我控制台记录了它，我似乎无法将对象推送到数组中：

componentWillMount() {
    fetch('/api/items')
      .then(data => data.json())
      .then(inputs => this.setState({ arr: [...inputs] }));

  }

Answer 1

当下一个状态依赖于前一个状态时，建议使用函数式setstate 版本：

componentWillMount() {
    fetch('/api/items')
      .then(data => data.json())
      .then(inputs => this.setState(state => ({ arr: [state.arr,...inputs] })));
  }

至于在setstate 之后立即记录更改，您应该在setState's callback 中执行此操作。因为setState is asynchronous和登录时可能不会更新state：

this.setState(state => ({key:value}), () => {
  // this is the callback, its safe to log the updated state
  console.log(this.state);
});