如何划分组件的状态数据,进行自我的灵魂拷问,以及props与state的灵魂对比
那么本节就是你想要知道的
React中的state
一个组件最终渲染的数据结果,除了prop还有state,state代表的是当前组件的内部状态...this.setState({
count: this.state.count+1;
});
}
React中setState要知道的
定义: setState方法是React中React.Component...其实它是会批量延迟更新
也就是props,state的值并不会立马的映射更新,它是把这个state对象放到一个更新队列里面,然后从队列当中把新的状态提出来合并到state中,最后在触发render函数组件的更新...,在执行render函数,直到所有组件的事件处理函数内调用setState函数完成之后,避免不必要的重新渲染来提升性能
你可以能会想,React不能对this.state进行立马更新,而不对组件进行重新渲染呢...,不应该用state定义当前组件的状态用来填充页面
而应该能用外部世界(组件)传来的数据,就用外部组件传来的props进行数据的填充
?