反应 onClick 性能和重新渲染问题

Question

我有两个 div，点击后，我正在设置 isVisible 状态。两个div有性能差异吗？

我的意思是在 ShowDiv 的情况下，它会在每次渲染时重新创建该函数吗？ ShowDiv2 在任何方面都优于 ShowDiv 还是它们相同？

const [isVisible, setIsVisible] = useState(false);

const showDiv = () => {
   setIsVisible(!isVisible);
}

return(
   <>
     <div onClick={() => setIsVisible(!isVisible)}>Show Div</div>
     <div onClick={showDiv}>Show Div2</div>
   </>
)

谢谢

Answer 1

不，据我所知没有任何区别，因为每当我们重新渲染时，我们都会重新定义函数，我认为这是代码整洁和代码可读性的问题。