React setState() 回调问题，无法访问输出变量

Question

在下面的代码中，我无法在 setState() 的回调中访问 console.log(event)。

handleChange(event){
    let a = event
    console.log(event)
    this.setState({
        [event.target.name] : event.target.value,
    },()=>{
        console.log(event)
        // console.log("test",this.state)
    })
}

Answer 1

您没有将事件传递给回调，这就是您无法访问它的原因。像这样更改您的代码：

handleChange(event){
    let a = event
    console.log(event)
    this.setState({
        [event.target.name] : event.target.value,
    },(event)=>{
        console.log(event);
    })
}

希望对您有所帮助！！

Answer 2

this.setState({name: e.target.value}, ()=> {
  console.log(this.state.name)
})

希望这能解决问题。

Answer 3

你好，看看这个 link

 handleChange(e) {
            let name = e.target.name;
            let value = e.target.value;
            this.setState({ name: value })
          }

React setState() 回调问题，无法访问输出变量

React setState() callback issue, cant access to output variable

dom

event-handling

target

setstate

reactjs