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)
上一篇 2020年11月19日 下午10:14
下一篇 2020年11月19日 下午10:16


相关推荐

  • Struts2知识点小结(三)–值栈与ognl表达式

    Struts2知识点小结(三)–值栈与ognl表达式Struts2知识点小结(三)–值栈与ognl表达式

    2022年4月20日
    50
  • oracle9i如何卸载,教你怎么样卸载Oracle9i[通俗易懂]

    oracle9i如何卸载,教你怎么样卸载Oracle9i[通俗易懂]欢迎进入Oracle社区论坛,与200万技术人员互动交流>>进入在win2000企业版操作系统下,卸载Oracle9i:1、停止所有Oracle服务2、删除注册表中的所有关于Oracle项(1)在HKEY_LOCAL_MACHINE\SOFTWARE下,删除Oracle目录(2)在HKEY_LOCAL_MACHINE\SYSTE欢迎进入Oracle社区论坛,与200万技…

    2022年10月20日
    6
  • n8n 深度分析:架构、插件机制与企业级应用案例

    n8n 深度分析:架构、插件机制与企业级应用案例

    2026年3月15日
    1
  • 显示器的bit是什么意思,8bit和10bit到底谁好

    显示器的bit是什么意思,8bit和10bit到底谁好转自 https zhuanlan zhihu com p 前言 我很早的时候写过一个文章 如何挑选显示器 里面介绍了色域色准灰阶响应时间等等 但是唯独有个参数没提到 那就是显示器的面板 Bit 这个参数因为对于大多数人来讲不是很重要 我就没说 现在单独拿出来解释一下 正文部分 像素点的概念 你用肉眼去看显示器是一张完整的图像 但实际上 你看到的图像是由无数个小点点组成的 这些小点点各自显示自己的颜色 拼出了一副你所看见的图像 而这些小点点我们就称之为像素点 像素点的

    2026年3月20日
    2
  • 【Unity开发小技巧】打包IOS版本须知流程(移动)

    【Unity开发小技巧】打包IOS版本须知流程(移动)Unity是个开放性的平台,打包时也可以选择多种打包类型,几乎包含了所有的平台,目前主流Android,iOS平台,Android平台可以直接使用Unity自行打包,但iOS平台需要借助Mac电脑进行打包,本博客就iOS打包进行一个简单的说明,从开发到上线AppStore的所有流程。准备Mac电脑一台,苹果开发者账号一个一:unity打包Ios,Xcode工程打开Mac上的Unity,假设现在已经是开发完毕的状态,直接进行打包打开之后直接点File-BuildSettings然后将你的当..

    2022年6月27日
    116
  • Nacos 作为配置中心,获取不到配置内容的问题

    Nacos 作为配置中心,获取不到配置内容的问题首先我在 nacos 新建一个配置文件 看着界面 dataID 应该不用后缀了吧 因为又配置格式 所有我就没有加后缀 properties 结果导致获取不到配置 加上以后 获取到了 还是要好好阅读文档呀 在 NacosSpringC 中 dataId 的完整格式如下 prefix spring profile active file extensi

    2026年3月9日
    6

发表回复

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

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