コンポーネントのライフサイクルメソッドを反応させます

三段階1、コンポーネントのライフサイクル

  1. マウンティング(ローディングステージ)
  2. アップデート(更新フェーズ)
  3. マウント解除(アン相)

2、古いライフサイクル

画像のキャプション

マウンティング(ローディング相:フック関数6に関する)

コンストラクタ()

加载的时候调用一次,可以初始化state

getDefaultProps()

设置默认的props,也可以用dufaultProps设置组件的默认属性。

getInitialState()

初始化state,可以直接在constructor中定义this.state

componentWillMount()

组件加载时只调用,以后组件更新不调用,整个生命周期只调用一次,此时可以修改state

レンダリング()

react最重要的步骤,创建虚拟dom,进行diff算法,更新dom树都在此进行

componentDidMount()

组件渲染之后调用,只调用一次

アップデート(更新フェーズ:5フック関数を含みます)

おすすめ

転載: blog.csdn.net/p445098355/article/details/105217725