css - 从 ui lib 扩展组件的样式组件命名

Question

我正在使用语义 ui react 作为我的 lib 库，并且我正在使用 styled-components

我发现从任何 ui lib 扩展（或包装）组件时，可以改进此命名。

import { Title } from 'semantic-react'

const TitleStyled from styled(Title)

..
<TitleStyle />

真的很难读，因为ui lib中的大部分组件都已经正确命名了，我怎么能用。

标签： cssreactjsstyled-components

Answer 1

我认为您可以这样做以获得更好的命名：

import { TitleSemantic as Title } from 'semantic-react'

const Title from styled(TitleSemantic)

..
<Title />