哪一个是更好的箭头函数或在React中使用绑定？

JavaScript有两种方式来定义函数，箭头函数和函数绑定。在使用React编写组件时，我们需要在构造函数中处理绑定，或者使用箭头函数来避免绑定。

函数绑定

函数绑定通过为函数的this关键字绑定一个值来定义函数。例如，如果我们有一个名为handleClick的函数，我们可以使用.bind(this)来绑定this关键字：

handleClick() {
  console.log(this.props);
}
...
<button onClick={this.handleClick.bind(this)}>Click me</button>

函数绑定的缺点是每次渲染组件时都需要重新绑定函数。因此，如果我们有一个具有许多子组件的组件，每次渲染时都需要从父组件传递绑定函数，这可能会导致性能下降。

箭头函数

箭头函数是另一种定义函数的方式。箭头函数不会重新绑定this关键字，而是从其包含的作用域中获取this值。例如，我们可以使用箭头函数来定义handleClick函数：

handleClick = () => {
  console.log(this.props);
}
...
<button onClick={this.handleClick}>Click me</button>

箭头函数的优点是每次渲染组件时不需要重新绑定函数。因此，如果我们有一个具有许多子组件的组件，每次渲染时都可以避免传递绑定函数，从而提高性能。

结论

箭头函数与函数绑定各有其优点和缺点。在React中，我们通常建议使用箭头函数来定义组件方法，因为它们可以提高性能，并且更清晰地表达代码意图。但是，如果您需要在某些情况下使用绑定函数，则应该将其最小化，并避免在每次渲染组件时重新绑定函数。

因此，结论是箭头函数是更好的选择，但也需要权衡利弊。