如何禁用material-ui按钮上的长按效果？

Question

我有一个带有图标的 btn，我点击了很长时间，它在图标周围创建了不需要的效果，有任何线索如何删除此操作吗？

import React from "react";
import ReactDOM from "react-dom";
import Button from "@material-ui/core/Button";
import ViewListIcon from "@material-ui/icons/ViewList";

function App() {
  return (
    <div>
      <Button style={{ MuiButtonBase: { disableRipple: true } }}>
        <ViewListIcon />
      </Button>
    </div>
  );
}

ReactDOM.render(<App />, document.querySelector("#app"));

代码沙盒

Answer 1

添加disableRipple道具到Button

<Button disableRipple>
  <ViewListIcon />
</Button>