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();
  };