Тип '{}' нельзя назначить типу IntrinsicAttributes & DropdownProps & Props &

Question

Я использую React on Rails |Webpackaer |машинопись: "^ 2.8.1".

У меня есть компонент высокого порядка, который берет компоненты, вставляет в него несколько реквизитов и возвращает его:

export type HCProps = {
  isValid: boolean,
};

Тогда у меня естькомпонент, который получает вставленные реквизиты из компонента высокого порядка:

import injector, { HCProps } from './HCComponent';
type Props = {};

const LocalComponent: React.SFC<Props & HCProps> = ({ isValid }) => (

);

export default injector(LocalComponent);

Здесь LocalComponent не берет никаких реквизитов, таких как атрибуты DOM, при визуализации его как компонента, но реквизиты вводятся с помощью HCComponent:

<LocalComponent />

Это дает мне ошибку:

Type '{}' is not assignable to type 'IntrinsicAttributes & HCProps & Props & { children?: ReactNode; }'.
Type '{}' is not assignable to type 'HCProps'.
Property 'isValid' is missing in type '{}'.

Есть идеи, почему это происходит?Я новичок в машинописи.

Answer 1

Я предполагаю, что вы делаете ошибку, когда говорите

LocalComponent не принимает какие-либо реквизиты при его рендеринге

Возможно, вы рендерите экспортированный компонент по умолчанию injector(LocalComponent)

В этом случае вы используете компонент, какой бы инжектор вам ни дал.В инжекторе должен быть общий тип, который вы должны использовать что-то вроде

injector<HCProps>(LocalComponent)