为什么我必须在反应的事件处理程序中使用箭头函数？

Question

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)} 不起作用？我收到一个无限循环，看来我必须使用箭头函数。我怀疑它与 'this'.

有关

Answer 1

没有箭头功能，每次单击按钮都会再次呈现页面，设置状态，然后再次呈现，设置状态，然后再次呈现。无限循环箭头函数在 mounts/updates.

时重新创建该函数一次

在此处阅读更多内容 https://reactjs.org/docs/faq-functions.html

为什么我必须在反应的事件处理程序中使用箭头函数？

Why do I have to use arrow function in event handler of react?

javascript

reactjs

event-handling

arrow-functions