Css 样式组件命名从ui库扩展组件

我使用语义ui react作为我的库，并使用样式化组件

我发现当从任何ui库扩展（或包装）组件时，可以改进这种命名

import { Title } from 'semantic-react'

const TitleStyled from styled(Title)

..
<TitleStyle />

从“语义反应”导入{Title}
const titlestyle from styled（标题）
..

---

这真的很难理解，仅仅因为ui库中的大多数组件都已正确命名，我如何使用它。

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

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

const Title from styled(TitleSemantic)

..
<Title />

从“语义反应”导入{TitleSemantic as Title}
来自样式的常量标题（标题语义）
..