React生命周期方法是否自动绑定this？是否需手动用.bind(this)绑定？

嘿，这个问题我刚接触React类组件的时候也琢磨过，给你掰扯清楚：

1. 生命周期方法确实是自动绑定this的 #

React在实例化类组件的时候，会自动把render、componentDidMount、componentWillUnmount这类内置生命周期方法的this绑定到组件实例上。也就是说，当React内部调用这些方法时，this会稳稳指向当前组件对象，你直接在里面用this.state、this.setState完全没问题，根本不用手动处理绑定。

举个例子，你写：

componentDidMount() {
  console.log(this.state); // 这里的this就是组件实例，正常输出state
}

完全不用额外绑定，React已经帮你搞定了。

2. 手动绑定生命周期方法可行，但没必要 #

从语法和功能上来说，你完全可以手动绑定生命周期方法，比如在构造函数里写：

constructor(props) {
  super(props);
  this.render = this.render.bind(this);
  this.componentDidMount = this.componentDidMount.bind(this);
}

这么做不会报错，组件也能正常运行，但纯粹是多此一举——因为React已经帮你完成了绑定操作，手动绑定不会带来任何额外好处，反而增加了冗余代码。

如果是为了和自定义方法的绑定风格保持一致，比如你所有自定义方法都在构造函数里绑定了，那这么做也没什么问题，只是没必要而已。另外，你也可以用箭头函数来定义生命周期方法（比如render = () => {}），这时候this会通过词法作用域绑定到组件实例，同样能工作，但React官方并不推荐这种写法，因为可能会在一些边缘场景下出现意料之外的问题（比如和某些第三方库兼容问题）。

额外补充：为什么自定义方法需要手动绑定？ #

比如你写的handleSomething这类自定义方法，当你把它们作为事件处理函数传给DOM元素或者子组件时，调用时机是在事件触发时，这时候this的指向会丢失（默认指向全局对象或者undefined，严格模式下），所以必须手动绑定this才能让它指向组件实例。而生命周期方法是React主动调用的，React会在调用时确保this指向正确，所以不需要我们操心。

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