Reactjs 在应用程序中响应setstatus问题

我正在尝试使用按钮单击更改设置状态。请检查我的密码

export class Mystate extends Component {
constructor( ) {
    super();
    this.state = {
        message:'Click Me Friends'
    }    
}

clickme = () => {
    alert('my alert');
    this.setState = ({
        message: 'Thank You'
    })
  }

render() {
    return (
        <div>
            <h1>{this.state.message}</h1>
            <button onClick={() =>this.clickme()}>  Click </button>
        </div>
    );
}

导出类Mystate扩展组件{
构造函数（）{
超级（）；
此.state={
信息：“单击我的朋友”
}    
}
点击我=（）=>{
警报（“我的警报”）；
this.setState=({
信息：“谢谢”
})
}
render（）{
返回(
{this.state.message}
单击此选项。单击我（）}>单击
);
}

}

我打了警报。它运行良好，但状态没有更新。如何更新它？

是一个函数，您需要调用：

this.setState({
  message: "Thank You"
})

删除代码中的

=

。此外，您还可以删除以下内容：

constructor（）{
超级（）；
此.state={
信息：“点击我的朋友”
}
}

并替换为：

状态={
信息：“点击我的朋友”
}

完整代码

import React，{Component}来自“React”；
导出默认类Mystate扩展组件{
状态={
信息：“点击我的朋友”
};
点击我=（）=>{
警报（“我的警报”）；
this.setState={
信息：“谢谢”
};
};
render（）{
返回(
{this.state.message}
单击此选项。单击我（）}>单击
);
}
}

将更新后的对象传递给您的

setState

方法，如下所示

 this.setState({ message: "Thank You"});

---

工作代码-

不分配setState（）是您需要调用它的方法

clickme = () => {
    alert('my alert');
    this.setState({
        message: 'Thank You'
    })
  }

在使用arrow函数时，可以避免使用内联arrow函数 使用like代替

onClick={（）=>this.clickme（）}

<button onClick={this.clickme}>  Click </button>

点击

this.setState（{message:'thankyou'}）

非常感谢much@gihankumara欢迎来到堆栈溢出。请看，也请看一遍，以便您熟悉如何使用此平台。@PraveenKumarPurushothaman我标记了正确答案。。我没有检查其他人answers@gihankumara你没有。请再查一遍好吗？下面有三个答案。都没有标记。你必须点击勾号✅ 按钮标记为正确答案。