Компонент расширения именования компонентов стиля из пользовательского интерфейса

Question

Я использую семантическое взаимодействие с пользовательским интерфейсом в качестве библиотеки lib, и я использую стилевые компоненты

Я обнаружил, что это именование может быть улучшено при расширении (или переносе) компонента из любой пользовательской библиотеки.

import { Title } from 'semantic-react'

const TitleStyled from styled(Title)

..
<TitleStyle />

Это действительно трудно читать, как я могу использовать только потому, что большинство компонентов в пользовательском интерфейсе lib уже правильно названы.

Answer 1

Я думаю, что вы можете сделать это, чтобы получить лучшее название:

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

const Title from styled(TitleSemantic)

..
<Title />