Question

看看下面的代码：

class App extends React.Component {


  go(){
    console.log("Hello",this);
  }
  render() {
    console.log("Hey",this);

    return ( 
      <button onClick={this.go}>Add profile</button>
    );
  } 
}

为什么this中go的值未定义？ this中的render是一个App实例，由于我们调用this.go，因此方法this中的go的值应等于相同的{ {1}}实例。

Answer 1

您需要绑定go或使用箭头功能：

export default class App extends React.Component {
  go = () => {
    console.log('Hello', this);
  };
  render() {
    console.log('Hey', this);

    return <button onClick={this.go}>Add profile</button>;
  }
}

关键字的价值

1 个答案: