React.Component‘in’在ComponentDidMount中发生了变化

Question

怎么可能React.Component生命周期中的“这个”变成了不同的对象呢？在render()和componentDidMount()中，this指向不同的对象？

1. 我使用React 16.0.0
2. 所有生命周期方法只调用一次。
3. 我把打字稿转译给Webpack
4. 我无法在浏览器中在浏览器one === two // true中重复它
5. 我有一个很大的应用程序，所以我认为它可以是ReactFiber某种优化吗？

就像这里：JsBin

​

​

Answer 1

如您所见，two具有更多的属性。这是因为在构造函数的第一次输出中，它是一个纯Javascript类。然后，反应出现并改变类在渲染之前、期间和之后。

Answer 2

举个例子：

var a = {one:"1"};

var b = a;

a==b  // true
a===b // true
var c = Object.assign({}, a);

c     //{one: "1"}
a===c // false
a==c  // false

对Object.assign的调用创建了对象的副本，因此不平等。