微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何使用 redux 加载响应数据并显示在 React 应用程序上

如何解决如何使用 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 举报,一经查实,本站将立刻删除。