React 반환 시 비동기 함수 실행

Question

React 반환 함수에서 Firebase 데이터베이스의 사용자 이름을 표시하려고 합니다.

데이터베이스에서 사용자 이름을 검색하여 반환하는 getUserName라는 함수가 있습니다.

으아아아

그런 다음 반응 컴포넌트의 반환에 표시해 봅니다.

으아아아

하지만 다음 오류가 발생합니다. 类型“Promise”不可分配给类型“ReactNode”。ts(2322) const getUserName: () => Promise

내가 여기서 뭘 잘못하고 있는지 잘 모르겠습니다. TypeScript를 사용하고 있는데 어딘가에 유형을 지정해야 합니까?

Answer 1

오류 메시지는 매우 명확합니다. 이 문제를 해결하려면 getUserName 函数以使用 useState 挂钩来存储用户名을 수정하고 비동기적으로 업데이트하면 됩니다.

으아악