指针事件:none不适用于material ui 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。