如何解决为什么我必须在 react 的事件处理程序中使用箭头函数?
function ButtonIncrement(){
const [count,setCount] = useState(0);
render(){
<div>
<h3>
<button onClick={() => setCount(count+1)}>Increment me for fun</button>
<p>Count: {count} </p>
</h3>
</div>
}
}
在这个 onClick 按钮中,为什么简单地放置 onClick={setCount(count+1)}
不起作用?我收到一个无限循环,看来我必须使用箭头函数。我怀疑它与“这个”有关。
解决方法
如果没有箭头功能,每次单击按钮都会再次渲染页面,设置状态,然后再次渲染,设置状态,然后再次渲染。无限循环 箭头函数在挂载/更新时重新创建该函数一次。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。