propsでヘッダーにデータを渡す
投稿日: 2024/5/25
#React
ドロップダウンリストを導入したい
ヘッダーにドロップダウンリストを導入したいなと思い，試行錯誤を……するまでもなくネットに転がっている記事で解決した．(https://www.asobou.co.jp/blog/web/css-dropdown#i)
記事を更新するたびにヘッダーを書き直すのは嫌なので，マップ関数を用いて広げるようにした． ヘッダーコンポーネントでgetALLPosts()を実行するのは，なんとなく良くない気がしたので，Layout.tsxから受け渡してもらう構造にした．(前者と後者の違いはあまり分かっていないが)
propsの受け渡しの際には，受け取る側はその変数の型が受け取るまで分からないため，事前に型を定義しておく必要がある． (そして後日，このドロップダウンリストは削除した)