react 中组件状态的一些理解
react 中组件状态的一些理解
全栈程序员站长
发布于 2021-04-07 03:15:35
发布于 2021-04-07 03:15:35
代码可运行
运行总次数：0
代码可运行
组件状态：即 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中的内容也不会变。
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2020年11月19日，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
