类型&#39；{}&#39；不能分配给类型&#39；内

Type #39;{}#39; is not assignable to type #39;IntrinsicAttributes amp; DropdownProps amp; Props amp;(类型#39；{}#39；不能分配给类型#39；内部属性amp；下拉属性amp；道具amp；)

问题描述

我正在使用Reaction on Rails|WebPackaer|TypeScrip："^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 '{}'.

知道为什么会发生这种情况吗？我刚开始打字。

推荐答案

我假设您说的是错误的

LocalComponent在呈现时不接受任何道具

您可能正在呈现默认导出的组件injector(LocalComponent)

在这种情况下，您使用的是注射器提供给您的组件。注入器中应该有一个泛型类型，您应该使用类似

的内容

injector<HCProps>(LocalComponent)

这篇关于类型&#39；{}&#39；不能分配给类型&#39；内部属性&amp；下拉属性&amp；道具&amp；的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！