如何划分组件的状态数据,进行自我的灵魂拷问,以及props与state的灵魂对比
那么本节就是你想要知道的
React中的state
一个组件最终渲染的数据结果,除了prop还有state,state代表的是当前组件的内部状态...,它是私有的对象,并且完全只受控于当前组件
在以上代码中,通过给button按钮监听绑定onClick属性挂载点击事件处理函数(上面是handleBtnClick),来达到控制组件state中的isShow...,它并不会重新渲染组件,如下所示
// 错误的写法 this.state.xxx = "新的值"
this.state.count = this.state.count+1;
应该使用setState(...DOM节点的更新,如果前后JSX元素不相等,那么React才会更新DOM
如果props或者state能被直接被修改,将会破坏组件复用的原则,会出现一些莫名其妙的bug
如何划分组件的状态数据
无论是props...结语
本文主要讲述了React组件中的数据属性-state,它是组件内部的状态,是一私有的变量,用于记录组件内部状态,由于props不可修改,通过React中内置提供setState方法修改state