エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
AstroでgetStaticPathsで指定したpropsをTypeScriptの型推論で型情報を取りだす
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
AstroでgetStaticPathsで指定したpropsをTypeScriptの型推論で型情報を取りだす
AstroでgetStaticPathsの返り値としてpropsが指定できます。 export async function getStaticPaths() {... AstroでgetStaticPathsの返り値としてpropsが指定できます。 export async function getStaticPaths() { return [ { params: { id: "foo" }, props: { text: "abcd" }, }, { params: { id: "var" }, props: { text: "efg" }, }, ]; } TypeScriptで型指定を行いたい場合に、この場合はporpsの方は{ text:string }なのでファイル中に以下のような型定義を行えば型の指定が可能です。 export type Props = { text: string; } propsはgetStaticPathsの返り値として定義されているので頑張ればのgetStaticPaths返り値の型推論として取り出すこともできます。