reactjs - 在 React Redux 中启用调度功能时重定向到顶部

Question

我正在使用 Next.js 和 Redux 开发一个简单的电子商务网站，但是每次单击add-to-cart它都会滚动到顶部，但都会遇到一个有线问题，这是我的以下代码。

const dispatch = useDispatch()
const handleAddToCart = (id) => {
    dispatch({
        type: 'ADD_TO_CART',
        id
    })
  // console.log("clicked")
}

JSX

<button
    className="default-btn"
    onClick={() => handleAddToCart(id)}>
    Add To Cart
</button>

当我禁用dispatch如下部分的功能时

dispatch({
    type: 'ADD_TO_CART',
    id
})

然后点击后它不会置顶button

我在这里做错了什么。

我现在该怎么办？

请。

谢谢

标签： reactjsreact-reduxnext.js