组件状态:即 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中的内容也不会变。