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を保存し、非同期で更新します。