reactjs - 在鼠标不动之前不调用 React Render 函数？

Question

我尝试了很多东西，但无法调用渲染函数。我正在尝试更改按钮 onCicking 按钮中的图像，但仅在鼠标移动后才会更改图像。

const App = () => {
const [status , setStatus] = useState(true);

let changeGoodList = (e) => {
  e.preventDefault()
  setStatus(prev => !prev);
}

return (
<button onClick={(e)=>{changeGoodList(e)}}>
  {!status && <img src='abc' />}
  {status && <img src='xyz' />}
</button>
)
}

标签： reactjsnext