javascript - 在 handleSubmit 方法中，setState 没有更新我的详细信息

Question

我有一个基本的表格。在我的handleSubmit方法中提交表单时，我正在调用一个setState方法，该方法具有我要更新的详细信息对象。但是，详细信息对象没有得到更新。

请帮助我理解问题并解决它。提前致谢...

constructor(props) {
  super(props);

  this.state = {
    array: [],
    
    details: {
      name: '',
      phonenumber: '',
      company: '',
      email: '',
    }
  };
}

handleSubmit = (e) => {
  e.preventDefault();
  console.log(this.state.details);
  this.setState({
    array: [...this.state.array,this.state.details],
    details: {
      name: '',
      phonenumber: '',
      company: '',
      email: '',
    }
  });
}

handleDetails = (e) => {
  this.setState({
    details: {
      ...this.state.details,
      [e.target.name]: e.target.value,
    } 
  });
}