如何解决将材质 ui 前缀添加到样式组件的自动化方法 这就是我使用前缀的方式示例样式文件
您好,我正在使用样式组件和带有自定义前缀的材料 ui 类的材料 ui 类。
但是,在我的样式文件中,我不得不手动导入该前缀和 material-ui 类的名称。
有什么方法可以在整个应用程序中自动化它,所以我不必在类之前手动添加 muiPrefix
吗?
这就是我使用前缀的方式
MUI 主题提供程序包装样式组件提供程序
import { createGenerateClassName } from '@material-ui/core/styles';
export const generateClassprefix = (prefix: string) =>
createGenerateClassName({
seed: prefix,});
示例样式文件
export const muiPrefix = 'my-prefix';
import { muiPrefix } from ...
const Button = styled(MuiButton)<StylesProps>`
&.${muiPrefix}-MuiButton-root {
pointer-events: ${({ $loading }) => {
return $loading ? 'none' : 'auto';
}};
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。