目前我正在使用 Material-UI 中的文本字段，我想缩小它们。下面是一个类名的例子：
.eKdARe.header .input-容器输入
这是我在文件中输入更改后的示例，说明我点击刷新后类名会发生什么：
.hrLLok.header .input-容器输入
我只想保留一个类名，以便对输入字段进行实际更改。
每次我点击刷新时，Material-UI 类名称都会不断变化
IT技术
reactjs
typescript
material-ui
2022-07-22 02:19:15
2个回答
您应该@material-ui/styles像这样扩展您的文本字段样式：
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Button from '@material-ui/core/Button';
const useStyles = makeStyles({
button: {
border: 0,
borderRadius: 3,
color: 'white',
height: 48,
padding: '0 30px',
// Other styles here...
},
});
export default function MyComponent() {
const classes = useStyles();
return (
<div>
<Button className={classes.button}>My styled boutton</Button>
</div>
);
}
在此链接了解有关文档的更多信息：@material-ui.com/styles
我的问题通过安装解决了
与 npm
npm install @mui/styles
用纱
yarn add @mui/styles
使用@mui/styles而不是@material-ui/core解决了我的问题。
您应该使用基本样式 API来覆盖组件的样式。