【React】Request Headerのパラメータを取得する方法

Question

React + Gatsby の環境でサイト構築をしておりますが、画面遷移してきたユーザーのReact Headerに特定のパラメーターが設定されているかを調べる必要が出てきました。

イメージとしてはPHPの、$_GETのようなものを期待しております。

ライブラリ等を使用しても問題ないので、実現が可能かどうか、可能であればどのような方法があるのかご教授ください。

※例のソースを載せたいのですがスマホから書き込んでいるので載せることが出来ません。申し訳ございません。

Answer 1

React + Gatsby の環境でサイト構築をしておりますが、画面遷移してきたユーザーのReact Headerに特定のパラメーターが設定されているかを調べる必要が出てきました。

前提としてまず、質問文に記載されている情報が非常に少ないので、こちらの質問のヒントを参考に説明の補足を行うことをお勧めいたします。(PCにアクセス出来るのであれば、PCから質問の編集を行った方がコードを含め、より情報の補足がしやすいかとは思います。)https://teratail.com/help/question-tips

その上で、質問内容をよく理解出来ていませんが、なんとなく、やりたいことはこういうことではないのかという推測の元、回答してみます。

画面遷移はまず、gatsby-linkをgatsbyなのであれば利用しているのだと思います。

gatsby-linkはreact-routerのLinkコンポーネントのラッパーコンポーネントなので、Linkコンポーネントのドキュメントを参照すると良いかと思います。

Linkコンポーネントには遷移元画面から遷移先画面へ任意の情報を渡すことが出来るので、遷移先でその情報を参照すれば、質問文に書かれているようなそれっぽいことは可能です。

こちらの質問への回答でそのデモコードを載せていますので、そちらをご覧になられてみてください。