gpt4 book ai didi

javascript - 组件不呈现任何内容

转载 作者:行者123 更新时间:2023-11-29 23:29:40 25 4
gpt4 key购买 nike

<分区>

我刚开始学习 React。我想使用我已经构建的 REST api,但是我在尝试从我的 api 获取 user 元素时遇到了问题。

我有一个 UserServices 类,其中有两个 axios 方法,getUserByIdgetAllUsers

public static getUserById(id: number): Promise<IUser> {
return new Promise((resolve, reject) => {
axios.get(this.root + id).then((response: any) => {
let character = this.toUser(response.data);
resolve(character);
},
(error: any) => {
reject(error);
});
});
}

enter image description here

我的问题是当我尝试呈现我的用户时,因为我什么也没得到。

class App extends React.Component {
user: IUser;
render() {
UsersService.getUserById(2).then(res => this.user = res);

return (
<div className="app">
<User user = {this.user} />
</div>
);
}
}

这是我的用户组件

export interface UserProps {
user: IUser;
}

interface UserState {
myUser: IUser;
}

export class User extends React.Component<UserProps, UserState> {

public static defaultProps: UserProps = {
user: {
name: ''
}
}

constructor(props: UserProps) {
super(props);

this.state = {
myUser: props.user
}
}

render() {
return (
<div>
<span>{this.state.myUser.name}</span>
</div>
);
}
}

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com