3回答

ShineTech

提问者

2017-03-15

问完了问题又看了一下老师的源代码。好吧，我粗心了。我自己来回答这个问题吧。在这个 onClick事件中 仅仅是调用我们的自定义事件的话 只要 onClick={this.changeUserInfo} 就可以引用到当前组件中定义的这个方法。在这里之所以又bind了this，是因为 当我们在这里调用 this.changeUserInfo 这个函数的时候，该函数的内部 this （这里是 this.setState({...})）就不再指向该 component 实例，我们在这里 bind this 是为了能够正确的引用到 当前实例中的 setState这个方法。

5

3

爱笑的小眼睛

我想问一下，调用 this.changeUserInfo 这个函数的时候，该函数的内部this ,为什么就不指向这个类的实例了

2018-03-28

共3条回复

爱笑的小眼睛

2018-03-28

这个我真的很疑惑，在class Animal {
  constructor(name) {
  this.name = name;
  }
  getName() {
 return this.name;
 }
}
class Dog extends Animal {
 constructor(name) {
 super(name);
 }
 speak() {
 console.log(this)
 return "woof";
 }
}
var dog = new Dog("Scamp");
dog.speak()这个打印的this还是指向实例，为什么这个this.changeUserInfo 这个函数的时候，该函数的内部 this （这里是 this.setState({...})）就不再指向该 component 实例

0

0

一一梦一一

2017-06-27

是不是第一个this指向为input标签，第二个bind（this）指向为组件，还是相反啊，这两个this我不太理解？？

0

1

ShineTech

render 方法 中 onClick = {this.changeUserInfo}; this 指向的是该 React实例，bind(this),中的的this仍是该 React实例。

2017-10-18

共1条回复