boxmoe_header_banner_img

Hello! 欢迎来到盒子萌!

加载中

文章导读

07原理


avatar
Jack 2023年 3月 7日 189

React原理

setState()说明 (★★★)

更新数据

  • setState()更新数据是异步的
  • 注意:使用该语法,后面的setState不要依赖前面setState的值
  • 多次调用setState,只会触发一次render

推荐语法

  • 推荐:使用 setState((state,props) => {}) 语法
  • 参数state: 表示最新的state
  • 参数props: 表示最新的props

img

第二个参数

  • 场景:在状态更新(页面完成重新渲染)后立即执行某个操作
  • 语法:setState(update[,callback])

img

JSX语法的转化过程 (★★★)

  • JSX仅仅是createElement() 方法的语法糖(简化语法)
  • JSX语法被 @babel/preset-react 插件编译为createElement() 方法
  • React 元素: 是一个对象,用来描述你希望在屏幕上看到的内容

img



评论(0)

查看评论列表

暂无评论


发表评论

表情 颜文字
插入代码