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

Question

我正在使用语义 ui react 作为我的 lib 库，并且我正在使用样式组件

我发现从任何 ui 库扩展(或包装)组件时可以改进此命名。

import { Title } from 'semantic-react'

const TitleStyled from styled(Title)

..
<TitleStyle />

读起来真费劲，因为ui lib中的大部分组件都已经正确命名了，我怎么用。

Answer 1

我认为你可以这样做以获得更好的命名:

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

const Title from styled(TitleSemantic)

..
<Title />