在控制台上了解有关 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 和 react-select，它在内部使用 componentWillUnmount，这是警告的原因。

我做了什么？

首先，我为受影响的模块做了npm update。

但是，仍然有其他模块尚未发布新版本。所以为了摆脱这个警告，看到一个相关的警告，我做了console.disableYellowBox = true;

这纯粹是为了我的情况。

如果您不知道这些警告，它们只会在开发模式下显示，而不会在生产环境中显示。请参阅此处的文档。