指针事件：在材质用户界面textField输入上均不起作用

Question

我有一个material-ui textField input，并且将其上的CSS设置为pointer-events: none，但这不会阻止用户在输入中输入文本。

我知道我可以添加一个disabled={true}标志，但是如果我可以使用CSS这样做，它将更加简单-无需添加更多逻辑，检查道具等-我可以基于它禁用在父类上。

如何使用指针事件：没有带有materialUI textField输入的指针事件？

Answer 1

在输入上设置disabled属性是禁用输入的正确方法。 pointer-events: none通常用于SVG图片上，以抑制点击事件。

Answer 2

您可以添加

const styles = theme => ({
  textField: {
    pointerEvents: "none"
  }
});

然后在文本字段中

<TextField
className={classes.textField} />

那样，您不必覆盖已禁用的CSS。