Javascript 在React中使用阻止默认按钮操作

我有一个问题。这可能是一项简单的任务，但我正试图过度思考这一点。 我有这样的情况：

<Button
 className={favorites ? styles.active : styles.outlines}
 onClick={() => addToFavorites({ id })}
 variant='outline'
>

然后

<Button
  className={favorites ? styles.active : styles.outlines}
  onClick={e => addToFavorites({ id }, addFav(e))}
  variant='outline'
>

addToFavorites（{id}，addFav（e））}
“大纲”
>

---

现在它正在工作，但不确定这是否是有效的解决方案

<Button className={favorites ? styles.active : styles.outlines} onClick={e => addFav(e,{id}))} variant='outline'>

const addFav = (e,id) => {
   e.preventDefault();
   addToFavorites(id);
};

addFav（e，{id}））}variant='outline'>
const addFav=（e，id）=>{
e、 预防默认值（）；
addToFavorites（id）；
};

您不需要将

addFav（e）

作为参数传递给

addToFavorites

。只需在

addToFavorites

之后直接调用它：

（addToFavorites（{id}），addFav（e））}
“大纲”
>

是的，它是正确的。您可以使用

disabled

属性。但是这样我就可以覆盖IDB了，但是如何呢？你能告诉我吗？

<Button className={favorites ? styles.active : styles.outlines} onClick={e => addFav(e,{id}))} variant='outline'>

const addFav = (e,id) => {
   e.preventDefault();
   addToFavorites(id);
};