More than 3 years have passed since last update.

Reactのページ遷移でstateを渡す

Posted at 2021-02-09

Reactでページ遷移の際に一緒にstateを渡す方法をいつも忘れてしまうので、書き残します。

stateを渡す側

react-router-domのLinkを使う場合、

link.ts

<Link to={{ pathname: '/path', state: {hoge: hoge} }}>
  <Button/>
</Link>

history.push()の場合、

history.ts

onClick={() => { history.push('/path', {hoge: hoge}) }}

to.ts

const location = useLocation();
const state = location.state;

以上、こんな感じでやりとりできます！