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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 常用降压电路设计「建议收藏」

    常用降压电路设计「建议收藏」一、5V转3.3V电路设计1.AMS1117-3V3AMS1117-xxx是一颗LDO芯片,这个系列有很多型号,后面的xxx代表输出电压,如果是AMS1117-ADJ表明输出是通过电阻调节的。实物图展示:常见封装:电路图:AMS1117-3.3最大输出可达1A,但是其压差较大,一般在1.1V左右,所以功耗和发热量也会随着电流的增大而急剧增大,对于大电流负载,不推荐使用LDO电路,使用DCDC电路效果更佳。2.ME6211C33ME6211C33是一颗低功耗低压差LDO芯片,其工作

    2022年6月20日
    32
  • Proxool线程池的简单实现demo

    Proxool线程池的简单实现demo

    2021年9月14日
    48
  • JRtplib开发笔记(四):JRtplib的VS开发环境搭建以及Demo

    原博主博客地址:https://blog.csdn.net/qq21497936本文章博客地址:https://blog.csdn.net/qq21497936/article/details/84957708《JRtplib开发笔记(一):JRtplib简介、JThread库编译》:https://blog.csdn.net/qq21497936/article/details/8478…

    2022年4月17日
    50
  • cmd进入目录后怎样运行exe_命令提示符怎样进入文件所在目录

    cmd进入目录后怎样运行exe_命令提示符怎样进入文件所在目录如何用Windows命令提示符(cmd.exe)进入指定目录如何用Windows命令提示符(cmd.exe)进入指定目录提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录如何用Windows命令提示符(cmd.exe)进入指定目录前言一、Windows命令提示符是什么?二、使用步骤1.打开命令提示符总结新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPa

    2022年10月15日
    2
  • 投影矩阵介绍[通俗易懂]

    投影矩阵介绍[通俗易懂]一般我们是将相机模型简化成针孔相机模型,那么相平面与相机坐标系之间的关系为:通常为了方便,会把相平面放在小孔与目标点之间。下面就介绍下相平面投影的三种不同方法。透视投影(perspectiveprojection)通过相似三角形(下图两个虚线三角形)可以得到下列关系:展开就是:这里x_h等为齐次坐标系坐标,X等为相机坐标系点,x等则为相平面上的透视投影点,可以看出,投影点的位置不仅仅是与X等有简单的缩放关系,还和Z成反比,Z越大投影点x等越小,这就

    2022年9月28日
    2
  • 字符0的ascii码值是多少_码值是什么

    字符0的ascii码值是多少_码值是什么\0的ASCII码值是多少

    2022年8月5日
    10

发表回复

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

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