39 lines
730 B
TypeScript
39 lines
730 B
TypeScript
import React, {useState} from "react";
|
|
import {UserUrl} from "../core/api";
|
|
|
|
|
|
interface IUser {
|
|
name?: string;
|
|
avatarUrl?: string;
|
|
}
|
|
|
|
export default function User() {
|
|
|
|
const [user, setUser] = useState<IUser>({
|
|
name: "---",
|
|
avatarUrl: ""
|
|
});
|
|
|
|
|
|
fetch(UserUrl)
|
|
.then(res => res.json())
|
|
.then(
|
|
(data) => {
|
|
console.log(data);
|
|
setUser({name: data.name, avatarUrl: data.avatarUrl});
|
|
},
|
|
(error) => {
|
|
console.log("error");
|
|
}
|
|
);
|
|
|
|
return (
|
|
<span>
|
|
Welcome {user.name} -
|
|
<span> </span><img width="50" height="50" src={user.avatarUrl}/>
|
|
</span>
|
|
)
|
|
|
|
}
|
|
|