如何使用 Material UI TextField 将 className 添加到子元素答案

【问题标题】：How to add a className to a child element with Material UI TextField如何使用 Material UI TextField 将 className 添加到子元素
【发布时间】：2020-10-05 07:41:06
【问题描述】：

我正在使用记录用户行为的第三方库，但有些内容我们不想记录，例如带有个人身份信息的任何内容。它忽略这些元素的方法是添加一个应该被忽略的元素的类。

我们正在使用材质 UI，当我将 className="no-mouseflow" 添加到 TextField 时，它会将其添加到随附屏幕截图中的父 div 中。问题是我想记录输入是否有错误并且这也在 div 内部。如何向 input 添加一个类？

【问题讨论】：

标签： reactjs material-ui

【解决方案1】：

inputPropsprop of TextField 提供应用于输入元素的属性。

所以要在输入中添加“no-mouseflow”类，你可以这样做：

<TextField inputProps={{ className: "no-mouseflow" }} variant="outlined" />

【讨论】：