reactjs - componentDidMount とコンソールでの警告の詳細

Question

理由はわかりませんが、React アプリケーションを実行しているときに次の警告が表示されます。

react-dom.development.js:12357 Warning: componentWillMount has been renamed, and is not recommended for use. See *documentation* for details.

* Move code with side effects to componentDidMount, and set initial state in the constructor.
* Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.

Please update the following components: SideEffect(NullComponent)

このライフサイクルメソッドを使用していないため、混乱しています。代わりに、コードで useEffect、useMemo、および useState フックを使用しています。この警告を取り除く方法があればいいのにと思います。

Answer 1

私もこの警告を受けていました。警告の原因は、react-router-dom と、内部で componentWillUnmount を使用していた react-select を使用していたためでした。

私は何をしましたか？

最初にnpm update、影響を受けるモジュールに対して行いました。

それでも、新しいバージョンをリリースしていないモジュールが他にもありました。したがって、この警告を取り除き、関連する警告を表示するために、私はconsole.disableYellowBox = true;

これは純粋に私の場合でした。

これらの警告がわからない場合、それらは開発モードでのみ表示され、本番環境では表示されません。こちらのドキュメントを参照してください。