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

Question

I am trying to display logged in username and user profile in my React app using TypeScript:

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

But I am getting the following errors:

Property 'user_image' does not exist on type 'Window & typeof globalThis

Property 'display_name' does not exist on type 'Window & typeof globalThis

How can I display the logged in user name in a TypeScript file, eg info.tsx

Answer 1

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

This solved my problem