React aタグの値を遷移先で表示したい

Question

現在Reactを使って開発を行っています。
以下のような実装を行いたいのですが、どのように行えば良いかわからずにいます。

・下図のようなUIでsidebarのリスト項目をクリックすると画面が遷移する。
・遷移後のheaderにsidebarで表示されている項目と同じテキストを表示させたい（テスト２をクリックしたときはheaderにもテスト２と表示させたいです）

クリックしたタイミングでテキストを取得してpropsで渡せば良いのか？やsetStateを使えば良いのかなどいろいろ考えましたがreactに対する知識が浅く、どのように実装をすれば良いのか見当がつかずにいます。

そもそもaタグのテキスト部分を遷移先に持っていくことは可能なのでしょうか？

関数コンポーネントを用いて実装を行いたいのですが、わかる方いましたらアドバイスをいただきたいです。

よろしくお願い致します。

Comments

[maisumakun]

どこまで書いてみましたか？

（どのような内部構造を取っているかに合わせて、適切な手法も変わりえます）

[hoshi-takanori]

「aタグのテキスト部分を遷移先に持っていく」ではなく、アプリが持つデータ構造が sidebar に表示されるし、遷移先でも使われる、という考え方をするのがおすすめです。ちなみに react-router はお使いでしょうか？