如何划分组件的状态数据,进行自我的灵魂拷问,以及props与state的灵魂对比
那么本节就是你想要知道的
React中的state
一个组件最终渲染的数据结果,除了prop还有state,state代表的是当前组件的内部状态...,你可以把组件看成一个'状态机",它是能够随着时间变化的数据,更多的是应当在实现交互时使用,根据状态state的改变呈现不同的UI展示
在React中,因为不能直接修改外部组件传入的prop值
当需要记录组件自身数据变化时...state,这一点正是取决于是否传对象和函数的区别
多个setState调用会合并处理
当在事件处理方法内多次调用setState方法时,render函数只会执行一次,并不会导致组件的重复渲染,因为React...会将多个this.setState产生的修改放在一个队列里面进行批量延迟处理,所以从这点上讲,React设计这个setState函数是非常高效的,结合了函数式编程,不用考虑性能的问题
如下代码所示: 在事件处理程序内调用...结语
本文主要讲述了React组件中的数据属性-state,它是组件内部的状态,是一私有的变量,用于记录组件内部状态,由于props不可修改,通过React中内置提供setState方法修改state