所以我有一个产品包装，我想点击，点击重定向用户到该产品的特定页面.这里面有一个按钮，可以将产品添加到购物车中，但问题出现在这里，因为包装器有onCLick，当我单击按钮时，父onCLick被调用，所以我不知道如何使按钮对div的onCLick免疫.
<div onClick={() => navigate(product.id)}>
<button onClick={() => add(product.id)>Add to Cart</button>
</div>
所以我有一个产品包装，我想点击，点击重定向用户到该产品的特定页面.这里面有一个按钮，可以将产品添加到购物车中，但问题出现在这里，因为包装器有onCLick，当我单击按钮时，父onCLick被调用，所以我不知道如何使按钮对div的onCLick免疫.
<div onClick={() => navigate(product.id)}>
<button onClick={() => add(product.id)>Add to Cart</button>
</div>
当调用子级的onClick事件时，默认情况下，该事件传播并调用父级的onClick.
为了避免这种情况，应该在子函数内调用event.stopPropagation().
<button onClick={(event)=>{event.stopPropagation(); /* rest of your code */}}>