我試圖僅在提交表單后更新狀態。我有一個 html 表單，它有 1 個文本輸入和一個提交按鈕，但是需要點擊 2 次提交按鈕才能真正改變反應中的狀態。我正在使用 2 種方法handleSubmit和handleChange.handleChange查找輸入字段的變化并相應地更新狀態。handleSubmithandleChange在表單提交時將更新的狀態附加到數組狀態包含 { itemslist: [], currentitem: "" }當第一次單擊提交按鈕時，它會給出項目的先前值（或給出空數組），而在第二次它給出輸入字段中存在值的數組。下面是我的完整代碼import React from 'react';class App extends React.Component{  constructor(){    super()    this.state = {      currentitem: '',      itemslist: []    }    this.handleChange = this.handleChange.bind(this)    this.handleSubmit = this.handleSubmit.bind(this)  }  handleSubmit(event){    event.preventDefault();    this.setState((prevState) => {      return{        itemslist: prevState.itemslist.concat([this.state.currentitem])      }    })    console.log(this.state.items)  }  handleChange(event){    const {name, value} = event.target    this.setState({ [name] : value })    console.log(this.state.currentitem)  }  render(){    return(      <div>        <form onSubmit={this.handleSubmit} >          <input type='text' placeholder='enter text' name='currentitem' onChange={this.handleChange} value={this.state.currentitem} />          <button type='submit'>Submit</button>        </form>      </div>    )  }}export default App;