検索

ホームページ  >  に質問  >  本文

React の戻り時に非同期関数を実行する

React の戻り関数で Firebase データベースからのユーザー名を表示しようとしています。

データベースからユーザー名を取得して返す getUserName という関数があります。

リーリー

次に、react コンポーネントの戻り値で表示してみます。

リーリー

しかし、次のエラーが発生します。 型 'Promise' は型 'ReactNode' に割り当てることができません。 ts(2322) const getUserName: () => 約束

ここで何が間違っているのかわかりません。 TypeScript を使用しているのですが、どこかで型を指定する必要がありますか?

P粉545682500P粉545682500489日前546

全員に返信(1)返信します

  • P粉009186469

    P粉0091864692023-09-08 00:16:12

    エラーメッセージは非常に明確です。 この問題を解決するには、getUserName 関数を変更して、useState フックを使用して username を保存し、非同期で更新します。

    リーリー

    返事
    0
  • キャンセル返事