如何解决或忽略Redux连接组件的React Strict Mode警告？

这个问题我之前也遇到过，原因其实很明确——你自己的组件虽然已经替换了生命周期方法，但react-redux 5.0.7版本的Connect高阶组件内部还在使用componentWillReceiveProps，而React.StrictMode会严格检查所有组件（包括第三方库的组件）的旧生命周期方法，所以才会弹出这个警告。下面给你几个可行的解决方案：

1. 升级react-redux到最新版本（推荐） #

react-redux从6.x版本开始，已经把内部Connect组件的生命周期方法替换成了getDerivedStateFromProps，彻底解决了这个警告问题。你可以通过以下命令升级：

• 使用npm：npm install react-redux@latest
• 使用yarn：yarn add react-redux@latest

升级后记得测试你的应用，确保没有兼容性问题——不过6.x版本的API和5.x基本兼容，大部分项目都能平滑升级。

2. 临时忽略特定警告（仅开发环境） #

如果因为某些原因暂时不能升级，可以在开发环境中添加代码过滤这个特定的警告。在你的应用入口文件（比如index.js）中添加以下代码：

// 只在开发环境执行
if (process.env.NODE_ENV === 'development') {
  const originalConsoleError = console.error;
  console.error = (...args) => {
    // 过滤针对Connect(MyComponent)的componentWillReceiveProps警告
    if (typeof args[0] === 'string' && 
        args[0].includes('componentWillReceiveProps') && 
        args[0].includes('Connect(MyComponent)')) {
      return;
    }
    originalConsoleError(...args);
  };
}

注意：这只是临时的权宜之计，生产环境下StrictMode不会触发这类警告，所以不用在生产环境添加这段代码。

3. 确认自身组件无遗漏 #

虽然你说已经替换了componentWillReceiveProps，但还是可以再检查一遍：确保你的MyComponent以及它的所有子组件都没有再使用这个旧生命周期方法，避免误判。

内容的提问来源于stack exchange，提问作者andr3w