APIサーバーから返ってきたデータを遷移先のページで利用する方法について

Question

フロントエンド：React.js　バックエンド：Ruby on RialsでECサイトのようなものを制作中です。

注文ページの「注文を確定する」ボタン押下時したら
①フロントからpostメソッドでapi通信を行い注文情報を送信する
②rails側でデータの登録が完了したら注文データとURLを含めたJSONを返す
③api通信が完了したら「注文完了ページ」へ遷移する
④「注文完了ページ」のボタン要素のリンクにrailsから受け取ったURLを埋め込む
という処理を実現したいです。

完了ページに遷移した際に②でrails側から受け取ったURL情報を、完了ページのボタン要素のリンク先として利用したいのですがその実装方法を教えていただきたいです。

【「注文確定」ボタン押下時の処理】

const PostOrder = () => {
・
・
バリデーションチェック等
・
・
  post_api('/orders', OrderData, userHeaderPost).then((result) => {
	if (result === 'onemore') {
		〜通信失敗時の処理〜
	} else {
		dispatch({
				type: 'SET_ORDER',
				value: result.data
		});
		dispatch({
				type: 'SET_ORDER_HISTORY',
				value: result.data
		});
		setLoading(false);
		alert('注文手続きが完了しました');
		dispatch(push('/OrderComplete'));
		window.scrollTo(0, 0);
　　  }
  })

}

【railsから返却されるJSON】

{
order:{注文ID、購入商品などの注文データ}
status:created
sample_url:https://sample.com  ←この値を遷移先ページのリンク要素として使いたい
}

【注文完了ページのボタン要素】

<div className="btn_wrap">
		<a id="btnMoveOn" className="commonButton2 div_link" href="ここにJSONで渡された「https://sample.com」を挿入したい">sampleへ</a>
</div>

自分はRails側担当であまりReactの知識がないのですが、React担当者があまり動けないため急遽こちらで対応することになり困っています。。。
皆様のご回答お待ちしております。
よろしくお願いいたします。

Answer 1

urlの値をreact側のstateに持たせることで管理することができるようになりました。