リアクトのcomponentDidMountライフサイクル・アプローチ

1. componentDidMount()ライフサイクルアプローチは、最も使用される、一般的に、データの初期化をページに入った後に使用されるべきであり、この場合には、アクションのサブスクリプションモデル法と同じです。あなたはデータのメソッドを初期化するときに、ページのアクセスパスを変更すると、パス内のモデルが一晩変更していない、サブスクリプション方式で書かれている。しかし、初期化メソッドは調整しません。データの初期化インタフェースは限り、componentDidMount機能を配置している場合でも、実装は、ページに挿入します。

2.種類の状況の:(通常は同じページで新しいエディタ)親ページ、編集または追加は、親ページのリファレンスページです。

{
  editVisible ? <PartDesignEdit form={form} editVisible={editVisible} editValue={editValue} designList={designList} colseEdit={this.colseEdit} setLoading={this.setLoading} /> : null
}
{/* <PartDesignEdit form={form} editVisible={editVisible} editValue={editValue} designList={designList} colseEdit={this.colseEdit} setLoading={this.setLoading} /> */}

図はeditVisible制御により、1と2は同じように見えるための2つの方法があり、エディタページはモーダルで、ページエディタで親ページへの参照です

しかし、とき時々、あなたは、このような事態が発生する場合があります。

あなたは、データを修正する編集ページをオフにした後、第2のオープンとは、コンテンツを発見したか、最後に変更した後、編集ページ1.は、、です。

2.あるいは、いくつかの値入力ボックスを追加するページが初期値に再び編集後の初期値は、あるは修正の前の値となり、

そして、違いがあります。

編集ページへの図たびは、(自社のビジネスに応じて)初期値をリセットします。

各ページの初期値を設定するために、componentDidMount /新しいページでメソッドを編集できるように、我々は、良い十分ではありません限り、編集ページへの各エントリなどのデータページをリセットするに際に、欲しいです。ただし、図1の2を使用する場合、あなただけの最初の編集ページのロード時間が実行され、その後、戻っされることがわかります、問題の値がまだそこにあるリセットすることはできません。しかし、スクリーン1は、エディタページが開き、同じではありません一つの方法は、(editVisible =真)ページ参照を編集するだけで、editVisible =参照されない、偽、editVisible = trueのたびので、編集ページの同等でした方法componentDidMount方法は毎に実行されるので、問題が解決されるように、たびに最初にロードされます。これは、他の同様の状況で使用することができます。

リリース5元の記事 ウォンの賞賛1 ビュー10000 +

おすすめ

転載: blog.csdn.net/star_zone/article/details/105035518