react axiosでデータを取得

Question

業務でreactを使っていてデータの取得方法がわからないので質問します。

前提
業務で使っている技術
・typescript
・hooks
・react
・バックエンド(rails)

reactでaxiosを使ってデータの取得をしたいです。
質問①
調べてみたところaxiosを使ってデータの取得をするやり方は色々あるみたいでどの方法がいいのでしょうか？
また①、②のデータの取得の違いを教えて欲しいです
①userEffectをつかう
② componentDidMount（）」を使う

質問②
https://re-engines.com/2019/08/15/reactaxios%E3%81%A7http%E3%83%AA%E3%82%AF%E3%82%A8%E3%82%B9%E3%83%88/
上記のサイトに参考になりそうな以下のようなコードがありました。
このコードはボタンを押した時にデータと通信するhandleGetLatAndLng（）を呼んでいるのですが、例えば./login/userに遷移した時にデータと通信したい時はどこでデータと通信する処理を呼び出してあげればいいのでしょうか？

Answer 1

質問①

調べてみたところaxiosを使ってデータの取得をするやり方は色々あるみたいでどの方法がいいのでしょうか？
また①、②のデータの取得の違いを教えて欲しいです
①userEffectをつかう
② componentDidMount（）」を使う

「データ取得の違い」という質問の意味がよくわかりませんでしたが、 useEffect() と componentDidMount() の違いについては 副作用フックの利用法 – React に詳しい説明がありました。

---

質問②

https://re-engines.com/2019/08/15/reactaxios%E3%81%A7http%E3%83%AA%E3%82%AF%E3%82%A8%E3%82%B9%E3%83%88/
上記のサイトに参考になりそうな以下のようなコードがありました。
このコードはボタンを押した時にデータと通信するhandleGetLatAndLng（）を呼んでいるのですが、例えば./login/userに遷移した時にデータと通信したい時はどこでデータと通信する処理を呼び出してあげればいいのでしょうか？

componentDidMount() でもいいし useEffect() でも実現可能 (ただし useEffect() は componentDidUpdate() のサイクルも代替するため、初回レンダリングかどうか判別する必要あり) だと思います。どうするのがよいかは質問①への回答に貼ったリンク先をご覧になれば自明かと思います。

いずれにしても現状のコードがないことにはなんとも言えません。現状どのような実装をしていて (しようとしていて) どのように行き詰まっているか (エラーメッセージが出る、期待通りに描画されない、通信が発火しない、など) をご提示いただければ、もう少し踏み込んで助言できるかと思います。