react 在componentWillUnmount中卸载异步操作设置状态

react中经常会遇到这样的wraning：

Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method.

产生原因：

通常是 react 组件已经从 DOM 中移除，但是我们在组件中做的一些异步操作还未结束，如：接口调用等，当其完成时，执行setState操作，而此时我们已经将改组件dom移除，从而导致上述问题。

 

解决办法：

componentWillUnmount() {
  // 卸载异步操作设置状态
  clearTimeout(this.timeouter)
  this.setState = (state, callback) => {
    return
  }
}