浜松のWEBシステム開発・スマートフォンアプリ開発・RTK-GNSS関連の開発はお任せください
株式会社シーポイントラボ
TEL:053-543-9889
営業時間:9:00~18:00(月〜金)
住所:静岡県浜松市中区富塚町1933-1 佐鳴湖パークタウンサウス2F

【react】render内における非同期処理のあり方を考える

reactで最も先に更新されるrenderですが、この中でawaitを用いた

通信をしようとするとエラーが起きます。

 


Parsing error: Can not use keyword 'await' outside an async function

renderはasync関数の範囲外なので、どうしてもこの処理を使いたい場合は

componentDidMountの中で処理を書くのが最適解となります。

その場合はasyncを書かなくてもいい。

※render内に関しては一応以下のようにして書くことが出来ますが読みにくくなるので

自分で覚えていないと後で面倒。


(async () => {
    await ...
})();

 

  • この記事いいね! (0)