onClick 不适用于 div 元素，但适用于按钮元素

Question

我在 NextJs 中使用 switch 来显示使用 useReducer 的元素。如果我将 onClick 函数放在 div 上，它不会触发，但当我使用按钮时它会触发。对这种行为有什么见解吗？

const [isOpen, toggleIsOpen] = useReducer((state) => {        
    return !state
}, false)

<button onClick={toggleIsOpen}>TOGGLE</button>

这有效

<div className='ham float-end' onClick={toggleIsOpen}>
    ...
</div>

这不是

Answer 1

改变

<div className='ham float-end' onClick={toggleIsOpen}>

到

<div className='ham float-end' onClick={() => toggleIsOpen}>