Комментарии 6
с использованием Flow описывать HOC'и можно легко с помощью такого сниппета:
к сожалению авторство данного сниппета потерял
type ComponentWithDefaultProps<DefaultProps, Props> = React.ComponentType<Props> & {
defaultProps: DefaultProps,
};
export type HOC<ProvidedProps, RequiredProps> = (<Props, DefaultProps>(
component: ComponentWithDefaultProps<DefaultProps, ProvidedProps & Props>,
) => React.ComponentType<RequiredProps &
// Props, with diffed-out default props. Make sure to merge with ProvidedProps to work with
// $Diff constraints in nested HoCs.
$Diff<ProvidedProps & Props, DefaultProps & ProvidedProps> &
// Force props to be in the shape of all potential props (effectively allows properly-typed
// overrides of DefaultProps)
$Shape<RequiredProps & DefaultProps & Props>,>) &
(<Props>(
component: React.StatelessFunctionalComponent<ProvidedProps & Props>,
) => React.ComponentType<RequiredProps & Props>) &
(<Props>(
component: React.ComponentType<ProvidedProps & Props>,
) => React.ComponentType<RequiredProps & Props>);
к сожалению авторство данного сниппета потерял
Зачем так много букв? Посмотрите HOC<> в flow-тайпингах recompose. Если не хочется тащить все тайпинги, то эти три declare прекрасно будут работать отдельно (как мы и сделали).
Ответ лежит в учете defaultProps в этих буквах
А что насчет hoist-non-react-statics, как советуют в официальной документации к React?
Действительно, в рамках этой статьи не было рассмотрено копирование статических свойств в HoC, можем рассказать об этом в одной из следующих публикаций.
Особая боль возникает когда от использования «старых» вариантов TS, когда заместо простого `connect` пишут `connect<StateProps, ComponentMappedProps, PublicComponentProps>`, при том что часть PublicComponentProps могут быть перекрыты ComponentMappedProps.
«Такой» TypeScript сеет панику и ошибки в в рядах падаванов.
Так и тут —
Да, всегда можно сказать — это чтобы перепроверить входящие значения, но имхо, лучше доверится типам.
«Такой» TypeScript сеет панику и ошибки в в рядах падаванов.
Так и тут —
withOnChangeString<InputProps>(SimpleInput)Да, всегда можно сказать — это чтобы перепроверить входящие значения, но имхо, лучше доверится типам.
Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.
React HoC в TypeScript. Типизация без боли