ReactコンポーネントにTypescriptで小道具がないことを指定する適切な方法は何ですか?私のコンポーネントは何の小道具を持っていない場合、私はvoid
、undefined
または{}
を使用する必要があり、そうReactとTypescript:小道具が渡されていない場合のクラス
:私はコンポーネントを持っている場合は
私は2つのインタフェースを持っているもの小道具や状態を指定することができますか?
ReactコンポーネントにTypescriptで小道具がないことを指定する適切な方法は何ですか?私のコンポーネントは何の小道具を持っていない場合、私はvoid
、undefined
または{}
を使用する必要があり、そうReactとTypescript:小道具が渡されていない場合のクラス
:私はコンポーネントを持っている場合は
私は2つのインタフェースを持っているもの小道具や状態を指定することができますか?
この正確な(ほとんど)質問は、Typescript 2.3のアナウンスで回答されています。
ただし、多くの場合、状態はコンポーネントで使用されません。これらのケースでは、私たちは、オブジェクトまたは{}とタイプを書くことができますが、我々は、明示的にそうする必要があります。
class FooComponent extends React.Component<FooProps, object> { // ... }
だからあなたのケースでは、あなただけの小道具のparamのためobject
の使用を逆転う州のパラメータの代わりに。
ありがとうございました! –
"適切な方法"はないと思うが、コンポーネントには小道具(または状態なし)がある場合は通常 'void'を使用し、それは[文書に書かれている](https: /www.typescriptlang.org/docs/handbook/basic-types.html#void): 'すべての型の欠如 ' –
' {} 'は、型システムの観点からは好ましいです。 'undefined'は単に不正確で' void'は意味をなさない。 @NitzanTomerは、何も設定されていないのではなく、空のセットの概念にマップされた小道具はありませんか? –
ヒントをありがとう! –