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中的内容也不会变。

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • MS-SQLSERVER中的MSDTC不可用解决方法

    MS-SQLSERVER中的MSDTC不可用解决方法

    2021年12月14日
  • vlan在网络应用中有什么实际意义_网络工程找不到工作

    vlan在网络应用中有什么实际意义_网络工程找不到工作什么是VLAN呢?VLAN(VirtualLocalAreaNetwork)即虚拟局域网,是将一个物理的LAN在逻辑上划分成多个广播域的通信技术。在IEEE802.1Interne…

  • xmlns属性

    xmlns属性今天在看网上其他的项目,发现有一行代码我不明白意思:百度之后,才知道,这是一个属性。在XHTML中,xmlns属性是必需的。在HTML中,xmlns属性是无效的。xmlns属性规定文档的xml命名空间。然而,如果在XHTML文档中未使用xmlns, http://w3.org 的HTML验证器也能正确识别文档。这是因为命名空间”xmln

    2022年10月23日
  • CTK框架——CTK Widgets快速入门「建议收藏」

    CTK框架——CTK Widgets快速入门「建议收藏」CTK框架——CTKWidgets快速入门天山老妖S关注0人评论27888人阅读2018-05-2518:40:52CTK框架——CTKWidgets快速入门一、CTKWidgets模块简介1、CTKWidgets模块简介CTKWidgets模块是CTK封装的用于通用功能以及生物医学成像专用领域的Qt组件库。CTK中所有部分都有大量的测试相关代码,在源码目录下Libs/xxx/Testin/Cpp目录中。CTK官方文档:http://www.commont.

  • visio2007使用记录

    visio2007使用记录

  • java mediatype属性_SpringMVC 及常用MediaType

    java mediatype属性_SpringMVC 及常用MediaTypeSpringMVC简介在WEB开发中,SpringMVC实现了较为经典的MVC(Model,View,Controller)模式,组成:1.Model层(模型层):管理App中每个功能模块所用到的值和数据.(实体类entity).2.View层(视图层):将模型层的数据展示给用户.(页面jsp,html,thymeleaf等..)3.Controller层(控制层/控制器):管理页面跳转…

发表回复

您的电子邮箱地址不会被公开。

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