首页 > 解决方案 > 如何使用 Material UI TextField 将 className 添加到子元素

问题描述

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

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

DOM 截图

标签: reactjsmaterial-ui

解决方案


TextField的inputProps prop提供应用于输入元素的属性。

因此,要将“no-mouseflow”类添加到输入中,您可以:

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

在输入时编辑 TextField className


推荐阅读