小编Bha*_*hah的帖子

为什么在ReactJS中按钮的onClick事件中传递函数引用而不是方法?

每当我在按钮的 onClick 中传递函数括号时,即使不单击按钮,它也会在页面加载时自动调用。但是,当我不在按钮的 onClick 中传递函数括号时,它仅在单击按钮时调用。

在函数调用中传递括号

<button onClick={this.handleButtonClick()}>Increment</button>
Run Code Online (Sandbox Code Playgroud)

函数调用时不带括号

<button onClick={this.handleButtonClick}>Increment</button>
Run Code Online (Sandbox Code Playgroud)

为什么每当我将括号传递给函数时,函数就会在页面加载时自动调用,即使它写在按钮的 onClick 内部?

event-handling pass-by-reference reactjs

4
推荐指数
1
解决办法
3498
查看次数