Reactコンポーネントでのデータ保持の方法
Q&A
Closed
React初学者です。
Reactのコンポーネントの中でどのように値を保持すれば良いか分からないのでアドバイスいただきたいです。
今、React+apollo(GraphQL)+Oracleの環境で開発しています。
行いたいことは下記です。
①登録ボタンを押したらstateにセットしたデータをDBに登録する。
②データ登録後、データをフェッチする。
③フェッチしたデータを加工した上でstateにセットする。
④(①に戻る)
現状、登録するデータをstateにセットしているのですが(画面描画にも使うため)、この時おそらくですが③のstateにデータをセットする処理が非同期なため、登録ボタンを素早く2回押した場合にフェッチしたデータが再セットされないまま前回のデータが登録されてしまいます。
このような場合に一般的にはどのような方法でデータを保持して(または別の方法で)この現象を回避するのでしょうか?
stateに保持するデータと全く同じものを変数として持てば解決するのかなと考えたのですが、もやもやします。
初歩的な質問で申し訳ありませんが、ご教授ください。よろしくお願いします。