我必须使material-ui中的TextField
大写。现在,我需要将inputProps={{ style: { textTransform: 'uppercase' } }}
放入所有TextField
中。所以我在我的react应用程序中定义了一个主题,我想让它看起来像这样。
也请检查图片上我是如何做的
https://i.stack.imgur.com/lnukB.png
MuiTextField.js
export default {
root: {
textTransform: 'capitalize',
},
};
1条答案
按热度按时间ibps3vxo1#
您可以创建一个
theme
,并在项目的每个MuiInputBase
类中将textTransform
重写为capitalize
,如下所示:然后将你的项目 Package 在一个
ThemeProvider
中,并将theme
作为prop传递给ThemeProvider
:sandbox link
使用此方法,您不再需要手动将
textTransform: "capitalize"
添加到每个TextField
组件。