<分区>
我知道这不是让按钮在点击时显示警报的正确方法。
我想了解这背后的逻辑。 我了解点击需要获得对函数的引用才能按预期运行。
在以下示例中，引用了将在单击时调用的箭头函数:
<button onClick={() => alert('hi)}>Click me!</button>
但是在这种情况下幕后发生了什么:
<button onClick={alert('hi)}>Click me!</button>
为什么在渲染时评估 onClick 中的语句？
编辑:我正在使用 React。
最佳答案
假设您有这样一个方法:
function getString(){
return "string";
}
然后定义一个文本框:
<input type="text" value={getString()}/>
您可能希望文本框呈现为“string”而不是“getString()”的值。这是因为花括号内的内容是在 render 方法中计算的。
当 {alert('hi)} 被评估时，它运行该方法，因此分配给 onclick 事件的是 alert('hi') 返回的内容(无)不是方法本身。
关于javascript - 在渲染时调用 onClick={alert ('hi' )} 背后的原因，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48399097/