属性の型チェックが

Question

だが、私はこのようになりますコンポーネントCardを、持っているとしましょうinjectIntl​​（）でコンポーネントを反応させるのラップ後に失われます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); 

は今、私は属性titleなしCardコンポーネントを使用することができます。

<Card /> 

これは、typescriptコンパイラでは問題ないようです。ランタイムエラーもありません。私はコンパイラが次のようなエラーをスローすることを期待していました：

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

この動作の原因はどこですか？なぜそれはこのようなものですか？この問題を解決するには？

ありがとうございます！

Answer 1

TL; DR：@types/react-intlパッケージをインストールする必要があります。

react-intlinject.jsのソースで表示されているように、パッケージは型名を使用しません。 injectIntlによって返されるコンポーネントは、Cardとは完全に異なるコンポーネントです。 @types/react-intlパッケージのタイプは、欠落しているタイプの注釈を追加します。