是否可以為 MaterialUI 中的樣式組件使用自定義 class 名稱生成器？

Question

我正在使用帶有 MaterialUI 的未彈出的 create-react-app 項目，並嘗試用 Styled Components 替換 JSS。 它工作正常，但生成的 class 名稱不是人類可讀的。

我讀到你可以使用 babel 插件來做到這一點，但我不能在不彈出項目的情況下更改 Babel 配置。 我知道您可以向 StylesProvider 提供自定義 class 名稱生成器StylesProvider以生成 JSS class 名稱。 Styled Components 是否有類似的機制允許我在不彈出項目的情況下更改 class 名稱？

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