Navigation
阅读进度0%
React 核心原理:组件、setState 与 JSX
December 19, 2024 (1y ago)
React
setState
JSX
VirtualDOM
说明:
在这一讲中,我们将会学习到如下的知识点
- React的组件原理大揭秘
- setState()方法的大揭秘
- jsx的语法转化的过程
- 组价的性能优化
- 虚拟算法
- React的原理解密
setState的说明
setState是异步的!不会立即的更新,setState可以被调用多次,但是只会触发一次redner渲染函数,这个是react内部的性能优化机制 ,一定要注意,后面的state的一定不能依赖前面的state

使用stestate的时候有两个方式 一个是直接改变,一个是会用函数,使用函数的方式更推荐,因为可以通过传
递参数,参数有两个(state是新的state,props是旧的prop),而且这个可以灵活的改变state
setState有两个参数,后面的一个是cb回调,在这里我们可以实现一定的DOM异步操作,页面渲染之后,获取到最新的DOM
代码的演示