「反応」url情報の取得に使用されるマッチング
😂 進行中のプロジェクトでは,サーバからロードされた値の情報を取得するためにpathロード値の使用方法に関する情報matchをブラウズ時に理解した.
🖐 マッチングとは?
🖐 マッチングとは?
reactがpropsを介してコンポーネント間でデータを伝達するように、matchはroute->コンポーネントを介してデータを伝達する方法である.
matchを使用する場合、pathに変数を追加し、その変数を素子に渡します!
🌱matchの使い方 <Route
// :변수명 으로 :conferenceId
path="/activity/conference/update/:conferenceId"
component={Conference}
/>
export default function Conference(props) {
console.log(props)
}
🔽以下のデータの情報を出力します.
ここで、私が欲しい情報はデータ中の変数名(ConferenceId)値なので、以下のコードを作成して22を出力することができます!export default function Conference(props) {
const = props.match.params.conferenceId
console.log(const) //22
}
整理した文章.
Reference
この問題について(「反応」url情報の取得に使用されるマッチング), 我々は、より多くの情報をここで見つけました
https://velog.io/@soy0830/match
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
<Route
// :변수명 으로 :conferenceId
path="/activity/conference/update/:conferenceId"
component={Conference}
/>
export default function Conference(props) {
console.log(props)
}
🔽以下のデータの情報を出力します.ここで、私が欲しい情報はデータ中の変数名(ConferenceId)値なので、以下のコードを作成して22を出力することができます!
export default function Conference(props) {
const = props.match.params.conferenceId
console.log(const) //22
}
整理した文章.Reference
この問題について(「反応」url情報の取得に使用されるマッチング), 我々は、より多くの情報をここで見つけました https://velog.io/@soy0830/matchテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol