在 React 中，如果你写 onClick = "this.function()"，为什么会在组件加载时立即执行函数

在 React 中，如果你写了 onClick = "this.function()"，这会在组件加载时立即执行该函数，因为它相当于在组件的 HTML 元素上直接执行该函数，而不是当点击事件发生时才调用该函数。

正确的方法是将函数作为事件处理程序绑定到组件：

<button onClick={this.function}>Click me</button>

或使用箭头函数：

<button onClick={() => this.function()}>Click me</button>

这样，当点击按钮时，才会执行该函数。