Navigation
阅读进度0%
No headings found.

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

代码的演示

 

jsx语法转