是否可以对MaterialUI中的样式化组件使用自定义类名生成器?

时间:2019-10-09 14:23:01

标签: reactjs material-ui styled-components jss

我在MaterialUI中使用了一个未注入的create-react-app项目,并试图用样式化组件替换JSS。可以正常工作,但是生成的类名称不便于阅读。

我读到您可以使用babel插件来执行此操作,但是如果不弹出项目,则无法更改Babel配置。我知道您可以为StylesProvider提供一个自定义的类名生成器函数,以生成JSS类名。样式化组件是否有类似的机制,使我无需退出项目即可更改类名?

1 个答案:

答案 0 :(得分:1)

基本上是这样导入的,带有宏:

import styled from "styled-components/macro";

它具有与插件相同的功能,请查看文档: https://www.styled-components.com/docs/tooling#babel-macro

示例在这里: https://codesandbox.io/s/nostalgic-sea-8m3q1?fontsize=14

相关问题