屬性類型檢查包裝陣營組件與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包中的類型添加缺少的類型註釋。