如何解决如何使用 redux 加载响应数据并显示在 React 应用程序上
我正在尝试加载用户数据并显示在我的仪表板页面上,我尝试了很多方法但都失败了。有人可以帮忙吗?
以下是我的仪表板页面:
const Dashboard = (props) => {
const { user } = props.auth;
useEffect(() => {
getCurrentProfile();
},[]);
return (<Fragment>
<h1>Dashboard</h1>
<i className='fas fa-user'></i>Welcome
<p>{user && user.fullName}</p>
</Fragment>);
};
以下是我的 redux 操作:
export const getCurrentProfile = () => async dispatch => {
const [user] = useState('')
await authAxios.get('/user/profile').then(res => {
const result = res.data.user.result;
dispatch({
type: GET_PROFILE,payload: res.data
});
}).catch(error => {
dispatch({
type: PROFILE_ERROR,payload: {
msg: error.response.statusText,status: error.response.status
}
});
});
};
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。