如果我想获取成功输入元素的MUI类,我必须在逻辑中通过props进行编码,但我想知道是否有类似的方法,例如,当我们获取 error
类或 colorSecondary
时。
在 material-ui/packages/mui-material/src/OutlinedInput/outlinedInputClasses.ts 文件的第5行到第9行,我们有以下代码:
| | exportinterface OutlinedInputClasses{ |
| | /** Styles applied to the root element. */ |
| | root: string; |
| | /** Styles applied to the root element if the color is secondary. */ |
| | colorSecondary: string; |
这里有 colorSecondary
甚至 error
。
在 material-ui/packages/mui-material-next/src/Input/inputClasses.ts 文件的第14行,我们有以下代码:
| | colorSecondary: string; |
我想知道为什么我们没有 colorPrimary
或 success
。
使用示例
例如,在一个主题中,如果输入处于错误状态,我们可以自定义设置颜色,如下所示:
color: "red"
}
但是,如果输入处于成功状态,我们无法设置它,因为没有 outlinedInputClasses.success
或 outlinedInputClasses.colorPrimary
。
2条答案
按热度按时间ntjbwcob1#
success
的状态主要取决于应用程序的上下文。这可能意味着,即使所有验证都通过了,如果没有error
,你仍然可以直接使用color
属性来自定义输入无误时的成功状态。fjaof16o2#
success
的状态主要取决于应用程序的上下文。这意味着,即使所有验证都通过了,如果没有error
,您仍然可以直接使用color
属性来样式化您的成功状态,而输入中没有错误。这是真的,但如果输入允许接收类似于
success
的属性,我们仍然可以在 MUI 应用适当的调色板时管理它。我理解拥有两个boolean
可能会导致错误使用,但这仍然取决于开发者。没有成功和没有错误 => 待机(就像现在布尔值
error
是false
时一样)。另一个方法是,如果
success
太主观,可以将colorPrimary
作为OutlinedInputClasses
的属性,这样我们就可以这样做:无论如何,这更多是一个建议而不是一个问题,所以请以这种方式接受它。谢谢!