微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

深入react技术栈-初入react

1.virtual DOM

  • 传统页面开发模式中,都是对真实的dom进行操作,耗费大量的性能。而react将真实dom树转换成虚拟dom,每一次更新都与原来的虚拟dom进行diff比对来进行更新,对于改变的部分来进行批量更新,节约了性能
  • 通过虚拟dom转换成真实dom,方便和其他平台的集成,react组件可以映射为对应的原生控件,可以用于web,ios,android

2.setState

  • setState 是一个异步方法一个生命周期内所有的 setState 方法会合并操作
  • 但是并不推荐在推荐内部使用过多的state,过多的state容易导致逻辑混乱

3.props

  • react中数据是单向流动的 父子组件之间的通信通过父组件传递数据给子组件,子组件通过props接受,子组件通过向父组件传递过来的函数传入自己的参数来进行调用父组件中的方法

4.react生命周期

  • 可以将组件的生命周期分成两大类:组件的挂载卸载阶段&&组件的更新阶段
  • 组件挂载阶段执行的生命周期函数: componentwillMount,render, componentDidMount
  • 组件卸载阶段执行的生命周期函数: componentwillUnmount(可以执行一些事件回收或是清除定时器)
  • 组件更新阶段执行的生命周期函数: 组件自身的 state 更新了,那么会依次执行 shouldComponentUpdate、componentwillUpdate 、render 和 componentDidUpdate。
  •  

     

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐