エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
クエリパラメタをReactコンポーネントに渡すときはreact-routerが便利 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
クエリパラメタをReactコンポーネントに渡すときはreact-routerが便利 - Qiita
<!DOCTYPE html> <html> <head> <title>react-router demo</title> </head> <body> <!-- Reactアプリの... <!DOCTYPE html> <html> <head> <title>react-router demo</title> </head> <body> <!-- Reactアプリのマウントポイント !--> <div id="mount"></div> <script src="./app.js"></script> </body> </html> 下がapp.jsxの内容です。 ポイントはクエリ文字列を受け取りたいコンポーネントを<Router> と<Route>でかこむことです。 これによりprops.location.searchにクエリ文字列が格納されるので、コンポーネントに渡すことが出来ます。ただし、このままでは?query1=FirstQuery&query2=SecondQueryのように、クエリ文字列が処理されていない状態なので、queryStringを使ってパースして