material-ui 在OutlinedInputClasses上没有colorPrimary或success属性,

kwvwclae  于 4个月前  发布在  其他
关注(0)|答案(2)|浏览(50)

如果我想获取成功输入元素的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; |

我想知道为什么我们没有 colorPrimarysuccess

使用示例

例如,在一个主题中,如果输入处于错误状态,我们可以自定义设置颜色,如下所示:

color: "red"
}

但是,如果输入处于成功状态,我们无法设置它,因为没有 outlinedInputClasses.successoutlinedInputClasses.colorPrimary

ntjbwcob

ntjbwcob1#

success 的状态主要取决于应用程序的上下文。这可能意味着,即使所有验证都通过了,如果没有 error ,你仍然可以直接使用 color 属性来自定义输入无误时的成功状态。

fjaof16o

fjaof16o2#

success 的状态主要取决于应用程序的上下文。这意味着,即使所有验证都通过了,如果没有 error ,您仍然可以直接使用 color 属性来样式化您的成功状态,而输入中没有错误。
这是真的,但如果输入允许接收类似于 success 的属性,我们仍然可以在 MUI 应用适当的调色板时管理它。我理解拥有两个 boolean 可能会导致错误使用,但这仍然取决于开发者。
没有成功和没有错误 => 待机(就像现在布尔值 errorfalse 时一样)。

另一个方法是,如果 success 太主观,可以将 colorPrimary 作为 OutlinedInputClasses 的属性,这样我们就可以这样做:

[`&.${outlinedInputClasses.colorPrimary}`]: {
  border: "1px solid blue"
 }

无论如何,这更多是一个建议而不是一个问题,所以请以这种方式接受它。谢谢!

相关问题