84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
React の戻り関数で Firebase データベースからのユーザー名を表示しようとしています。
データベースからユーザー名を取得して返す getUserName という関数があります。
getUserName
次に、react コンポーネントの戻り値で表示してみます。
しかし、次のエラーが発生します。 型 'Promise' は型 'ReactNode' に割り当てることができません。 ts(2322) const getUserName: () => 約束
型 'Promise' は型 'ReactNode' に割り当てることができません。 ts(2322) const getUserName: () => 約束
ここで何が間違っているのかわかりません。 TypeScript を使用しているのですが、どこかで型を指定する必要がありますか?
エラーメッセージは非常に明確です。 この問題を解決するには、getUserName 関数を変更して、useState フックを使用して username を保存し、非同期で更新します。
useState
username
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
エラーメッセージは非常に明確です。 この問題を解決するには、
リーリーgetUserName関数を変更して、useStateフックを使用してusernameを保存し、非同期で更新します。