ダイナミック(dynamic)url:変数をurlに入れる

1761 ワード

テキストリンク

推測を表す
urlの値、すなわち変数を返す関数です.
useParams

React Routerは、このURLが変数を受け入れると教えてくれました.
idを除いて、任意の名前に設定できます.
大事なのは.
:id

<Route path="/home/:id">
   <이동원하는 컴포넌트/>
</Route>`

その後、移動する構成部品ページでuseparams()関数を使用します.

import { useParams } from "react-router-dom";

function Detail() {
  const { id } = useParams();
  console.log(id);

この問題について(ダイナミック(dynamic)url:変数をurlに入れる), 我々は、より多くの情報をここで見つけました https://velog.io/@dnjswn123/동적dynamic-url-url에-변수넣기

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol