Question

我正在学习React.js，并对以下代码感到困惑：

btnClick(){
    return (
        <div>
            <button onClick={alert("button clicked!")} >Click me</button>
        </div>
    )
}
render(){
    return(
        <div> 
            {this.btnClick()}
        </div>
    )
}

仅在每次刷新后才会提示警报，但单击时不会提示。为什么？

Answer 1

您应该写：

<button onClick={() => alert("button clicked!")} >Click me</button>

还有

{this.btnClick}

或

{() => this.btnClick()}

Answer 2

{this.btnClick()}很好，但是您需要将警报功能更改为onClick={() => alert("button clicked!")}

为什么我的React js按钮单击事件不起作用

2 个答案: