this.setState方法来触发实现的
下面我们从一个简单的点击按钮,显示和隐藏的效果开始: 效果如下所示:
连续点击按钮,上方的itclanCoder文本在显示和隐藏进行切换,当状态为true时,...itclanCoder文本显示,状态为false时,itclanCoder文本隐藏,注意控制台调试器
?...对象下的某个字段对应的值中,这个state可以看做是组件自身提供的一个固定的对象,用于存储当前组件自身的状态,它是私有的对象,并且完全只受控于当前组件
在以上代码中,通过给button按钮监听绑定onClick...小结一下:
setState函数是用于更新当前组件的状态的,不仅可以更改props也可以更改state
它接收两种参数形式,一个是对象,另一个是函数
当需要基于当前的state计算出新的值进行处理,给setState...状态(state)应该是会随着时间产生变化的数据,当更改这个状态(state),需要更新组件的UI,就可以将它定义成state,更多是在实现页面的交互时使用的
另一种程度上讲,在写静态,没有任何交互页面时