react

1.react特点

虚拟DOM,react非常快速因为它从不直接操作DOM。render()方法实际上是对DOM描述,将它与内存中的DOM结构进行比较,然后以最快的速度更新浏览器。

2.生命周期

react组件生命周期主要分为三部分:

  • 挂载 :组件被注入到DOM中
  • 更新 :组件被重新渲染来决定DOM是否应被更新
  • 卸载 :组件从DOM中被移除

2.1 挂载

getIntialState() //object在组件挂载前调用。当需要更新组件状态时,应在此函数中设置返回初始state数据。
componentWillMount() //在挂载发生前立即被调用。
componentDidMount() //在挂载发生后立即调用。

2.2更新

componentWillReceiveProps(object nextProps) //当组件接收到新的props时被调用
shouldComponentUpdate(object nextProps ,object nextState) //boolean 当组件决定任何改变是否要更新到DOM时被调用
componentWillUpdate(object nextProps,object nextState) //更新发生前立即调用
componentDidUpdate(object prevProps,object prevState) //更新发生后立即调用

2.3卸载

componentWillUnmount() //在组件被卸载前立即调用。

3.已挂载的方法

  Mounted符合组件支持以下方法:
 component.forceUpdate()可以在任何已挂载的组件上调用,在你知道某些深处的组件状态在未使用 this.setState() 就被改变了时。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • It's a common pattern in React to wrap a component in an ...
    jplyue阅读 8,511评论 0 2
  • 深入JSX date:20170412笔记原文其实JSX是React.createElement(componen...
    gaoer1938阅读 12,468评论 2 35
  • ubuntu redis安装 查看redis是否启动 一旦安装完成,redis服务器应该自动启动:sudo net...
    喵叔catuncle阅读 2,642评论 0 1
  • 我是司徒,在找一个人。为此我已踏遍无数山河,见了无数的人,可他从来不在其中。所以朋友,你愿意帮我找到他吗,作为回报...
    司琢博睿阅读 6,662评论 10 10
  • 早上,醒来打开微信朋友圈,看到一个朋友发了这样一段祝大家早安、祝大家七夕快乐的文字:"世间的感情莫过于两种:一...
    遇见更美的自己阅读 9,440评论 0 0