属性类型检查包装阵营组件与injectIntl​​（）

Question

比方说，我有一个组件Card，它看起来像这样丢失后title。

<Card title="Example" /> 

我需要从react-intl包裹与injectIntl()此组件，所以intl上下文被注入。我做这样的：

import * as React from 'react'; 
import {injectIntl} from 'react-intl'; 

interface Props { 
    title: string; 
} 

class Component extends React.Component<Props, null> { 
    // .. 
} 

export const Card = injectIntl(Component); 

现在我可以用Card组件，而不属性title。

<Card /> 

这似乎对打字稿编译器来说很好。也没有运行时错误。我预计，编译器会引发这样的错误：

Property 'title' is missing in type '{}'. 

来自哪里这种行为？这是为什么？如何解决这个问题呢？

预先感谢您！

Answer 1

TL; DR：您需要安装@types/react-intl包。

react-intl软件包不使用类型注释，正如您在inject.js的源中所见。由injectIntl返回的组件与您的Card完全不同。 @types/react-intl包中的类型添加缺少的类型注释。