React Router と Context API を組み合わせて使う方法について記述しておく。 環境 React: 16.4.0 React-Router: 4.2.2 問題 React Router v4 から history.push をするときに、state という引数を渡すことができるようになった。 this.props.router.push({ pathname: "/to", state: { test: "test" } }); これは先のコンポーネントではthis.props.localtion.state.testとして取得できるのだが、これをあまりやりたくない。理由はいくつかあって、 そもそもデータの受け渡しの場所をむやみに増やしたくない this.prop…