如何在 React 應用程序中顯示登錄的用戶名

Question

我正在嘗試使用 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

Answer 1

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

這解決了我的問題