了解有关 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;

这纯粹是为了我的情况。

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