时间戳

首页 > 解决方案 > 如何在 React 应用程序中显示登录的用户名

javascript - 如何在 React 应用程序中显示登录的用户名

问题描述

我正在尝试使用 TypeScript 在我的 React 应用程序中显示登录username和：user profile

{window.user_image ? (
    <img src={window.user_image}/>
  ):(
    <UserAvatar/>
)}
    
<h3>{window.display_name}</h3>

但我收到以下错误：

属性 'user_image' 在类型 'Window & typeof globalThis 上不存在

属性 'display_name' 在类型 'Window & typeof globalThis 上不存在

如何在 TypeScript 文件中显示登录的用户名，例如info.tsx

标签： javascriptreactjstypescript

解决方案

{window.["user_image"] ? (
    <img src={window.["user_image"]}/>
  ):(
    <UserAvatar/>
)}
    
<h3>{window.["user_image"]}</h3>

这解决了我的问题

推荐阅读