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

Question

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

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

Answer 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