React-Router - URLにナビゲートするときにcomponentDidMountが呼び出されない

Question

私はこの問題を少し悩ましています。 classes/:idというルートを定義しました。アプリでそのルートにナビゲートすると、componentDidMount()が呼び出されます。ただし、ページをリロードしたり、URLをコピーして貼り付けたりすると、ページは完全に読み込まれますが、componentDidMount()メソッドはまったく呼び出されません。

私が読んだのは、ページがリロードされても同じコンポーネントがマウントされているからです。これは、ライフサイクルメソッドが解消されない理由です。

これを処理する方法は何ですか？あなたの助けが大変ありがとうございます。ありがとう！

Answer 1

私はミックスイン（willTransitionToを参照）を避けるようにしています。これらは有害であると考えられています。

同じコンポーネントのルートを変更すると、componentDidMountは起動しませんが、componentWillUpdateとcomponentWillReceivePropsが実行します。

ここから、パラメータの変更を検出し、それに応じてアクションを実行できます。

Answer 2

componentWillReceiveProps、componentDidUpdate lifecycleは新しい小道具を受け取り、次に状態を変更してレンダリングメソッドをトリガーするsetStateを受け取ります。