React|记一个state布尔值控制显示出现的奇怪问题

最新推荐文章于 2024-01-10 11:51:32 发布

juwuyu

最新推荐文章于 2024-01-10 11:51:32 发布

阅读量1.3k

点赞数

分类专栏： React 文章标签： react

本文链接：https://blog.csdn.net/weixin_28900307/article/details/88422662

版权

本文记录了一个React开发中遇到的问题：state中的message布尔值无法正确控制页面元素的显示。尽管message值在state中切换正常，但在jsx中直接引用message时无法反映出变化，而引用this.state.message则能正常切换。作者通过代码示例展示了这一奇怪现象，并计划进一步排查解决。

摘要由CSDN通过智能技术生成

问题描述

存放在state里面的message来控制页面状态信息（是否开启）和button内容（开启/关闭）的显示：
在这里插入图片描述

message的值切换正确，但是message=true恒为false，但是在sst之后，回调里面的判断message=true是可以切换的
jsx引用赋值过来的message不能正确切换，但是引用this.state.message可以正确切换

先记录一下源代码，留个坑

this.state = {
   
      message: false,
      mail: false,
      smsVisible: false,
      maiVisible: false,
      isMessageOpen: null
    };

···

handleMessageSwitch = () => {
   
    let _this = this;

    if