React中constructor与componentWillMount的区别是什么？查文档未获明确答案

嘿，这个问题问得好！很多刚接触React类组件的开发者都会混淆这两个方法，我来帮你拆解清楚它们的核心区别：

1. 执行时机与初始化顺序 #

• Constructor 是ES6类本身的构造函数，在组件实例被创建时最先执行——甚至在React的生命周期正式启动之前。这时候如果没把props传给super，你连this.props都拿不到，更不能调用setState。
• componentWillMount 是React类组件的第一个生命周期钩子，在constructor执行完成后、组件首次渲染前触发。这时候this.props已经可以正常访问，但同样不建议在这里调用setState（因为不会触发额外渲染，完全没必要）。

2. 核心使用场景差异 #

• Constructor 专注于组件实例的基础初始化：比如初始化state、绑定事件处理函数的this指向、给实例添加自定义属性。举个典型例子：

  constructor(props) {
    super(props);
    this.state = { count: 0 };
    this.handleIncrement = this.handleIncrement.bind(this);
  }
  

• componentWillMount 曾经被用来做渲染前的预操作（比如提前请求数据），但React官方早已标记它为废弃钩子——原因是在服务端渲染（SSR）中它会执行两次（客户端+服务端），容易导致状态不一致。现在有更可靠的替代方案，比如把数据请求放在componentDidMount，或者直接用函数组件的useEffect。

3. super(props)的影响 #

• 在constructor里，如果你想在构造函数内部访问this.props，必须显式把props传给super(props)，否则this.props会是undefined。
• 而在componentWillMount里，不管constructor有没有传props给super，this.props都能正常获取——因为React已经在constructor执行后完成了props的赋值工作。

4. 废弃状态 #

• Constructor是ES6类的标准语法，不存在废弃一说，只要用类组件就绕不开它（当然现在也可以用类字段语法替代state初始化，不用写constructor）。
• componentWillMount属于React旧版生命周期，在React 17中已被正式废弃，仅保留UNSAFE_componentWillMount用于兼容旧代码，但官方强烈建议迁移到新生命周期或函数组件。

简单总结：constructor是类实例的"出生入口"，负责基础配置；componentWillMount是生命周期的早期钩子，现在已经基本被淘汰，别再用它做核心逻辑了。

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