基本上，我们在构造函数中绑定事件处理函数，或者在React类组件中将它们作为箭头函数，如下所示
class Test extends Component{
constructor(props){
super(props);
this.state = { count:0 };
this.setCount = this.setCount.bind(this);
}
setCount() {
this.setState({count: this.state.count + 1});
}
render() {
return <button onClick={this.setCount}>Increase</button>
}
}
但是在React v16中引入挂钩之后.7.0类组件成为具有状态的功能组件.
那么，我如何用函数组件中的钩子绑定函数呢？
没有必要在功能组件中绑定函数/回调，因为函数中没有this个.在类中，绑定this很重要，因为我们希望确保回调中的this引用组件的实例本身.然而，在构造函数中执行.bind还有另一个有用的特性，即在组件的整个生命周期中创建函数once，并且并不是每次调用render()都会创建一个新的回调.要使用React钩子只初始化一次回调，可以使用useCallback.
class Foo extends Component {
constructor(props) {
super(props);
this.handleClick = this.handleClick.bind(this);
}
handleClick() {
console.log('Click happened');
}
render() {
return <Button onClick={this.handleClick}>Click Me</Button>;
}
}
function Foo() {
const memoizedHandleClick = useCallback(
() => {
console.log('Click happened');
},
[], // Tells React to memoize regardless of arguments.
);
return <Button onClick={memoizedHandleClick}>Click Me</Button>;
}