未在componentWillMount中更新状态

componentWillMount 是 React 类组件生命周期中的一个方法，它在组件挂载之前被调用。然而，从 React 16.3 版本开始，componentWillMount 已经被标记为不安全的生命周期方法，并且在 React 17 中已经被移除。React 团队推荐使用 constructor 或 componentDidMount 来替代 componentWillMount。

原因

1. 不安全的生命周期方法：componentWillMount 在组件挂载之前执行，这意味着它可能会在服务器渲染期间执行，导致不一致的行为。
2. 异步渲染：React 的异步渲染机制可能导致 componentWillMount 中的状态更新被忽略或覆盖。

解决方案

1. 使用 constructor 初始化状态：
2. 使用 constructor 初始化状态：
3. 使用 componentDidMount 更新状态：
4. 使用 componentDidMount 更新状态：
5. 使用函数组件和 Hooks（推荐）：
6. 使用函数组件和 Hooks（推荐）：

参考链接

• React 官方文档 - 生命周期方法
• React 官方文档 - Hooks

通过使用上述方法，可以避免在不安全的生命周期方法中更新状态的问题，并确保代码在未来的 React 版本中保持兼容性。