【问题标题】:Typescript firebase photoUrl打字稿firebase photoUrl
【发布时间】:2021-08-23 23:58:12
【问题描述】:

我一直在我的 react 项目中使用 firebase,我试图在用户注册或登录时显示用户的个人资料图片。当我尝试这样做时,它显示错误

这里是代码

谢谢

【问题讨论】:

    标签: reactjs typescript firebase


    【解决方案1】:

    photoURL migth 有时未定义(例如不存在 photoURL)。未定义 photoURL 时使用默认 URL。

    <img src={user?.photoURL || 'www.default.imageurl'}>
    

    【讨论】:

    • 我要提一下,这叫做回退类型检查值:)
    【解决方案2】:

    这仅在您使用 google 或其他 OAuth 提供程序(如 Github)时有效。我使用了电子邮件和密码,所以它不起作用你可以使用下面的答案或者这也可以。

    <img src={user?.photoURL! as string} alt="user_profile" />
    

    【讨论】:

      猜你喜欢
      • 2016-09-16
      • 2021-08-04
      • 2021-06-03
      • 1970-01-01
      • 2023-03-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-04-12
      相关资源
      最近更新 更多