是否可以为 MaterialUI 中的样式组件使用自定义 class 名称生成器?

Is it possible to use a custom class name generator for styled components in MaterialUI?

我正在使用一个未弹出的带有 MaterialUI 的 create-react-app 项目,并试图用 Styled Components 替换 JSS。它工作正常,但生成的 class 名称不是人类可读的。

我了解到您可以使用 babel 插件来执行此操作,但我无法在不弹出项目的情况下更改 Babel 配置。我知道您可以向 StylesProvider 提供自定义 class 名称生成器函数以生成 JSS class 名称。 Styled Components 是否有类似的机制允许我更改 class 名称而不弹出我的项目?

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

import styled from "styled-components/macro";

和插件功能一样,看文档: https://www.styled-components.com/docs/tooling#babel-macro

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