我们何时应该在React类中将函数定义为箭头函数？

由 发布于

I'm creating a web page using React. There is a textarea where we could input a text. Thus, inside return, onChange is linked to a function named inputChange:

<textarea value={this.state.text} onChange=...></textarea>

Regarding inputChange, one way is to define it as a method (called object method?):

inputChange (event) {
  let value = event.target.value;
  this.setState((s) => ({ ...s, text: value }));
}

Another way is to define it as an arrow function (called class property?):

inputChange = (event) => {
  let value = event.target.value;
  this.setState((s) => ({ ...s, text: value }));
}

有谁知道哪种方法更好？通常，我们何时应该在React类中将函数定义为箭头函数？