Блог

Главная - Вопросы по программированию - Как загрузить данные ответа и отобразить в приложении react с помощью redux

Как загрузить данные ответа и отобразить в приложении react с помощью redux

#reactjs #redux #mern

#reactjs #redux #mern

Вопрос:

Я пытаюсь загрузить пользовательские данные и отобразить их на своей странице панели мониторинга, я перепробовал много методов, но не смог этого сделать. Кто-нибудь может помочь?

ниже приведена моя страница панели мониторинга:

 const Dashboard = (props) => {
  const { user } = props.auth;
  
  useEffect(() => {
    getCurrentProfile();
  }, []);
  
  return (<Fragment>
    <h1>Dashboard</h1>
    <i className='fas fa-user'></i>Welcome
    <p>{user amp;amp; 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
      }
    });
  });
};

Комментарии:

1. вам нужно предоставить больше информации о вашем состоянии, вашем вызове api, какой тип результата вы получаете, получаете ли вы результат или нет? что происходит result = res.data.user.resu< , когда вы отправляете { type: GET_PROFILE, payload: res.data }

2. вы проверили, возвращает ли ваш getCurrentProfile(); какой-либо данные или нет?

3. согласно вашему коду getCurrentProfile должен вызываться следующим образом getCurrentProfile()(dispatch)

Метки: