React,Typescriptでの<{}>が何を意味しているのか

Question

前提・実現したいこと

ReactとTypescriptの勉強をしています。
以下のコードのジェネリックで{}が何を意味しているのか、調べていても分からずにいます。
勉強していてたまにこの書き方に遭遇するのですが、はっきりとわからず...
ご教授いただけると幸いです。

該当のソースコード

interface TodoState {
items: Item[];
}

export class NumberList extends Component<{}, TodoState> {
//省略
}

Answer 1

React.ComponentをTypeScript的に書くと、React.Component<Props, State>となります。

つまり、Component<{}, TodoState>とした場合、Propsが{}、つまり「Propsには何も指定しない」ということになります（Reactの動作の関係上、何も指定しなくても空のオブジェクトが来ます）。

Comments

[退会済みユーザー]

とても分かりやすく説明していただき、ありがとうございます！