2017-05-07 13 views
4

ReactコンポーネントにTypescriptで小道具がないことを指定する適切な方法は何ですか?私のコンポーネントは何の小道具を持っていない場合、私はvoidundefinedまたは{}を使用する必要があり、そうReactとTypescript:小道具が渡されていない場合のクラス

​​

:私はコンポーネントを持っている場合は

私は2つのインタフェースを持っているもの小道具や状態を指定することができますか?

+2

"適切な方法"はないと思うが、コンポーネントには小道具(または状態なし)がある場合は通常 'void'を使用し、それは[文書に書かれている](https: /www.typescriptlang.org/docs/handbook/basic-types.html#void): 'すべての型の欠如 ' –

+1

' {} 'は、型システムの観点からは好ましいです。 'undefined'は単に不正確で' void'は意味をなさない。 @NitzanTomerは、何も設定されていないのではなく、空のセットの概念にマップされた小道具はありませんか? –

+0

ヒントをありがとう! –

答えて

1

この正確な(ほとんど)質問は、Typescript 2.3のアナウンスで回答されています。

ただし、多くの場合、状態はコンポーネントで使用されません。これらのケースでは、私たちは、オブジェクトまたは{}とタイプを書くことができますが、我々は、明示的にそうする必要があります。

class FooComponent extends React.Component<FooProps, object> { 
    // ... 
} 

だからあなたのケースでは、あなただけの小道具のparamのためobjectの使用を逆転う州のパラメータの代わりに。

+1

ありがとうございました! –

関連する問題