【更新】どうも、イソップです。Reactでのタブ実装はreact-tabsがとてもシンプル設計で使いやすいです。WAI-ARIA対応でアクセシビリティも担保されています。react-tabsreact-tabsReactコミュニティで開発されているモジュールです。ものすごく簡単にタブを実装できます。デモはあるんですが、READMEの説明が足りない感じなので、ちょっと解説します。デモサイトreact-tabsの使い方まず始めにインストールしましょう。--save-dev次にコードの解説です。選択時のコールバックを渡せます。初期表示のパネルのインデックスを指定できます。trueを指定すると、デフォルトの振る舞いを変更できます。タブ間のアニメーションなどで有用。クラス名を付与可能です。TabListタブをまとめるコンポーネント。アクティブ時のクラス名を指定できます。無効時のクラス名を指定できます。クラス名を付与可能です。Tabタブコンポーネント。キーボード操作が可能で、右か下のキーで右方向へ、左か上のキーで左方向に移動できます。クラス名を付与可能です。TabPanelタブで表示するパネルコンポーネント。コンポーネント数と同じ数のパネルが必要になります。順番がそれぞれ対応しています。selectedIndexを2に指定すると、Bazのパネルが表示されます。クラス名を付与可能です。デフォルトスタイルの無効化react-tabsは自動的にCSSが適用されます。大体の場合不要じゃないでしょうか。内で実行するのがオススメです。Isokawa)フロントエンドエンジニア/面白法人カヤックなどのWeb制作会社に勤務したのち、故郷の新潟に戻り独立。Platformを使ったWebアプリ開発が得意。Udemyのプログラミング解説の講師、writer-app.comの自主開発や上越TechMeetupの主催などを行っています。