ホームページ  >  記事  >  ウェブフロントエンド  >  反応コンポーネントの段階は何ですか?

反応コンポーネントの段階は何ですか?

王林
王林オリジナル
2020-11-27 10:10:412058ブラウズ

react コンポーネントには、初期化、マウント、更新、アンマウント、エラー処理の 5 つの段階があります。エラー処理フェーズは、エラー処理フェーズに属します。

反応コンポーネントの段階は何ですか?

#この記事の環境: Windows10、React16、この記事はすべてのブランドのコンピューターに適用されます。

(学習ビデオ共有:

反応ビデオ チュートリアル)

コンポーネントのライフサイクルには 4 つの異なる段階があります:

初期化: この段階では、コンポーネントは初期化状態とデフォルトのプロパティを設定する準備ができています。

マウント: React コンポーネントを DOM にロードする準備ができました。このフェーズには、getDerivedStateFromProps およびcomponentDidMount ライフサイクル メソッドが含まれています。

更新: この段階では、コンポーネントは、新しいプロパティの送信とステータスの更新という 2 つの方法で更新されます。このフェーズには、getDerivedStateFromProps、 shouldComponentUpdate、getSnapshotBeforeUpdate、componentDidUpdate のライフサイクル メソッドが含まれます。

アンマウント: この段階では、コンポーネントは不要になったので、ブラウザ DOM からアンマウントされます。このフェーズには、componentWillUnmount ライフサイクル メソッドが含まれています。

上記の 4 つの一般的なライフ サイクルに加えて、エラー処理ステージもあります。

エラー処理: このステージでは、レンダリング プロセス、ライフ サイクル メソッド、または If子コンポーネントのコンストラクターでエラーが発生すると、そのコンポーネントが呼び出されます。このフェーズには、componentDidCatch ライフサイクル メソッドが含まれています。


関連する推奨事項:

js チュートリアル

以上が反応コンポーネントの段階は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。