React MUI Chip onDelete 訪問 stopPropagation 方法

Question

我有一個像這樣的芯片：

  const onDelete = (e) => {
    e.stopPropagation();
    // e.nativeEvent.stopPropagation();
  };
  return (
    <Chip
      label={name}
      sx={sx}
      component={NavLink}
      to={to}
      clickable={true}
      onDelete={onDelete}
    />);

沒有一個調用stopPropagation()起作用，因為它們在MUI發送到onDelete回調的事件中未定義。

如果用戶單擊刪除，我是否可以阻止該芯片跟隨鏈接to屬性？

Answer 1

stopPropagation()阻止當前事件的進一步傳播，但仍會處理重定向到鏈接。 如果你想停止這些行為，你可以使用preventDefault()方法：

const onDelete = (e) => {
    e.preventDefault();
    // e.nativeEvent.stopPropagation();
  };