为什么即使在编写 setState 方法后我的状态也没有得到更新?

Sim*_*ske 2 javascript reactjs

导入 React, { Component } from 'react'

类列扩展组件{构造函数(道具){超级(道具)

    this.state={
        message:'Hello'
    }
}

changeMessage(){
    
     this.setState=({
         message:'Welcome'
    })
}

render(){
    return(
        <div>
            <div>{this.state.message}</div>
            <button onClick={this.changeMessage}>Click</button>
        </div>
    )
}
Run Code Online (Sandbox Code Playgroud)

导出默认列

Aar*_*ron 5

正如雷哈特菲尔德上面所说,你正在失去 this上下文并需要使用箭头函数,但您也没有调用setState; 你正在超越它。

取出=

this.setState=({
     message:'Welcome'
})
Run Code Online (Sandbox Code Playgroud)

所以它说:

this.setState({
    message:'Welcome'
})
Run Code Online (Sandbox Code Playgroud)