React hooksでapiなどの非同期処理(async/await)を実施する方法と注意点 - Qiita

reactでAPIアクセスなどの非同期な処理を実施したい。 割と常識的な内容ですが、初心者の頃にうまくピンポイントな記事に巡り合う事ができなかったので書きました。 React hookでasync/await 非同期処理を実施する方法 非同期処理を実施するためには副作用フックと呼ばれるuseEffectを使います。 https://ja.reactjs.org/docs/hooks-effect.html useEffectは第一引数に関数を受け取りその関数内で非同期な処理を実行することができます。 import { useEffect, useState } from 'react'; function ExampleComponent { const [state, setState] = useState(""); useEffect(() => { // useEffect自体では

[tohokuaiki]

awaitさせるために(async () => {})()させるのってなんかなぁ。ありなんかな。／そして私も無限ループをさせてしまった(笑)