样式组件命名从ui lib

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 />