react 中组件状态的一些理解

react 中组件状态的一些理解

组件状态:即 state

只有当state发生变化时,组件才会更新。

当一个html标签的值依赖于state的值得时候,如果state的值没有更新时,这个标签的值无论如何也是不会更新的。

看下面示例:

class Test extends React.Component{
            state = {
                name:'liu',
            }

            render(){
                const {name} = this.state
                console.log(name)
                return <input type="text" value={name} />
            }
 }

在这个例子中,input的值等于 state.name.

在浏览器中渲染这个组件。当向input框中输入内容时,无论怎么输入,input框中的内容始终是 “liu”。

这就验证了一个理论:浏览器渲染的是真实DOM中的内容。由于state中的内容没变,所以虚拟DOM中的内容没有变化,因此真实DOM中的内容也不会变。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/2595.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • flot中文详解

    flot中文详解

    2021年9月6日
  • es6之Promise是什么「建议收藏」

    es6之Promise是什么「建议收藏」Promise的含义Promise是一个容器,内部保存着某个未来才会结束的事件(通常是一个异步操作)的结果。Promise也是一个对象,可以通过这个对象获取异步操作的消息。Promise的特点:对象的状态不受外部影响,只有异步操作的结果才能决定状态。一共有三种状态:pending(进行中)、fulfilled(成功的)和rejected(失败的)。对象的状态发生改变后,不会再变化,并且随时可以得到这个结果。对象的状态改变只有两种情况:pending=》fulfilled,pending=》reje

    2022年5月29日
  • vs2010旗舰版密钥「建议收藏」

    vs2010旗舰版密钥「建议收藏」YCFHQ-9DWCY-DKV88-T2TMH-G7BHP企业版、旗舰版都适用vs2010旗舰版密钥

    2022年6月6日
  • 应用层,驱动层,硬件层_windows组件向导在哪里

    应用层,驱动层,硬件层_windows组件向导在哪里驱动层与应用层通信是通过DeviceIoControl,首先驱动层要实现:pDriverObject->DriverUnload=MyDriverUnload;pDriverObject->MajorFunction[IRP_MJ_CREATE]=MyCreate;pDriverObject->MajorFunction[IRP_MJ_CLOSE]=MyClose;

    2022年9月6日
  • 抖音数据统计_抖音直播带货数据分析(最新教程)

    抖音数据统计_抖音直播带货数据分析(最新教程)现在直播带货是一个热门趋势,它可以突破抖音挂购物车数量的限制,已经有不少商家通过直播带货实现流量变现了。那么,如何做好抖音直播就成了抖音电商玩家最大的需求。为此,飞瓜数据总结了几个抖音直播电商数据分析的维度和需要关注的关键指标:一.抖音直播电商数据分析的维度抖音直播电商数据分析需要围绕“带货”这个核心目标展开,这其中就涉及到“人、货、场”这三个概念,也就是抖音直播的流量、商品和直播间。这三个概念组…

    2022年5月18日
  • 抓包工具charles下载安装(破解版)

    抓包工具charles下载安装(破解版)1.下载:下载地址:https://www.charlesproxy.com/latest-release/download.do我的电脑是64位的,所以选择红框中的。2.下载之后安装按照默认next即可,然后选择路径。3.Charles破解破解地址:https://www.zzzmode.com/mytools/charles/按照下方文字填好,点击生成,会生成一个jar包,这个…

    2022年5月1日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号