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