React と TypeScript を使用しているときに props にドリルダウンするときに型情報を渡すことができないのはなぜですか?

Question

私は長年 React ユーザーですが、現在 Typescript を学んでいます。

React では、複数のレベルにわたって props を渡す必要がある場合、トップレベルの親コンポーネントによって定義された型が props に残らないのはなぜですか?親コンポーネントと変数を渡すすべての子コンポーネントの型を再定義しなければならないのはイライラするようです。

たとえば、親コンポーネントで State 変数を定義し、その型を追加して、それを子コンポーネントに渡しました。子コンポーネントの props で、次のエラーが発生します。 Binding element 'var name' implicitly has an 'any' type. したがって、子コンポーネントの型を再定義するか、型をエクスポートする必要があります。それを子コンポーネントにインポートします。

多くの追加作業が必要なようです。私は何か間違ったことをしましたか？

Answer 1

ステータスの種類と属性の種類の間にはどのような関係がありますか?両者の間には暗黙の関係がないため、両方の場所で定義する必要があります。

コンポーネントが独立している場合は、任意の親コンポーネントで使用できるため、特定の親状態から情報を取得することはできません。

型を独自のモジュールに一元化するのはかなり一般的です...

リーリー リーリー リーリー

コンポーネントのプロパティはそのコントラクトの一部であることに注意してください。親コンポーネントは、定義された型を満たすプロパティ値を提供しないと子コンポーネントを使用できません。