Q&A
実現したいこと
フード一覧ページのURLとして「/restaurants/${restaurantsId}/foods」を取得したい。
また、フード一覧ページに「restaurantsIdは {`/restaurants/resutaurantsのID} ですと表示させたい。
「resutaurantsのID」の取得の仕方も知りたいです。
発生している問題
http://localhost:3000/restaurants/1/foodsにアクセスすると「restaurantsIdは /restaurants/undifined です」と表示されてしまう。
(fronted/pages/index) import Head from "next/head"; import Restaurants from "./restaurants"; import Foods from "./restaurants/[id]/foods"; import Orders from "./orders"; export default function Home() { return ( <div> <Head> <title>Test</title> </Head> <Restaurants /> <Foods /> <Orders /> </div> ); }
(fronted/pages/resutaurants/[id]/foods/index) const Foods = (props) => { return ( <Link href="/restaurants/"> <a> <p>フード一覧</p> <p>restaurantsIdは {`/restaurants/${props.id}`} です</p> </a> </Link> ); }; export default Foods;
あなたの回答
tips
プレビュー
