开发者社区> 问答> 正文

#React React的生命周期方法是什么?

#React React的生命周期方法是什么?

展开
收起
因为相信,所以看见。 2020-05-07 16:59:48 825 0
1 条回答
写回答
取消 提交回答
  • 阿里,我所有的向往

    反应16.3+

    getDerivedStateFromProps:调用前立即调用,render()并在每个渲染器上调用。对于需要派生状态的罕见用例,这是存在的。如果您需要派生状态,则值得一读。 componentDidMount:在第一次渲染之后执行,这里应该发生所有AJAX请求,DOM或状态更新以及设置事件侦听器。 shouldComponentUpdate:确定是否更新组件。默认情况下,它返回true。如果您确定组件在状态或道具更新后不需要渲染,则可以返回false值。这是提高性能的好地方,因为如果组件收到新的道具,它可以防止重新渲染。 getSnapshotBeforeUpdate:在将呈现的输出提交到DOM之前立即执行。此方法返回的任何值都将传递到中componentDidUpdate()。这对于从DOM捕获信息(即滚动位置)很有用。 componentDidUpdate:通常用于更新DOM以响应属性或状态更改。如果shouldComponentUpdate()返回,则不会触发false。 componentWillUnmount它将用于取消任何传出的网络请求,或删除与该组件关联的所有事件侦听器。 16.3之前

    componentWillMount:在渲染之前执行,用于根组件中的App级配置。 componentDidMount:在第一次渲染之后执行,这里应该发生所有AJAX请求,DOM或状态更新以及设置事件侦听器。 componentWillReceiveProps:在特定道具更新以触发状态转换时执行。 shouldComponentUpdate:确定是否更新组件。默认情况下,它返回true。如果您确定组件在状态或道具更新后不需要渲染,则可以返回false值。这是提高性能的好地方,因为如果组件收到新的道具,它可以防止重新渲染。 componentWillUpdate:在确认属性和状态更改(shouldComponentUpdate()由其返回true)时在重新渲染组件之前执行。 componentDidUpdate:通常用于更新DOM以响应属性或状态更改。 componentWillUnmount:它将用于取消任何传出的网络请求,或删除与该组件关联的所有事件侦听器。

    2020-05-07 17:00:11
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
利用编译将 Vue 组件转成 React 组件 立即下载
React Native 全量化实践 立即下载
React在大型后台管理项目中的工程实践 立即下载