utgwkk https://blog.hatena.ne.jp/utgwkk/ 私が歌川です https://blog.utgw.net/ 技術 子ネタだしタイトルが全てだけど、おもしろかったので共有します。 たとえば、react-router (react-router-dom) v5 の Link コンポーネントの to propには、文字列・オブジェクト・関数を渡すことができる。 ここで、react-router-domの型定義を見ると、<Link> コンポーネントはジェネリックな関数・インタフェースとして定義されていることが分かる。 これらを踏まえて以下のようなコードを書いてみると、コンパイルが通るし動作することが分かる。renderしたいコンポーネントに型引数を書くことができる。 type State = ...; expor… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.utgw.net%2Fentry%2F2021%2F07%2F26%2F114437" title="TypeScript + JSXでrenderするコンポーネントに型引数を書ける - 私が歌川です" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2021-07-26 11:44:37 rich https://blog.utgw.net/entry/2021/07/26/114437 1.0 100%