Question

所以我正在我的react-redux应用程序中测试此api请求：

import $ from 'jquery';
window.$ = $;

const API_KEY = '<api-key>';
const ROOT_URL = `https://api.behance.net/v2/users?client_id=${API_KEY}`;

export const FETCH_USER = 'FETCH_USER';

export function fetchUser(users) {
  const request = $.ajax({
    url: `${ROOT_URL}&q=${users}`,
    type: 'get',
    data: { users: {} },
    dataType: 'jsonp'
  })
    .done(response => {
      console.log('Request:', request);
    })
    .fail(error => {
      console.log('Ajax request fails');
      console.log(error);
    });

  return {
    type: FETCH_USER,
    payload: request
  };
}

但是，在Request:的Chrome控制台中，我得到的是一个readyState而不是Promise的对象，此时我是否甚至需要安装软件包redux-promise点？

Answer 1

我知道您正在尝试做什么，但我认为向减速器发送承诺不是一个好主意，我建议您使用redux-thunk中间件。我将以此方式重写您的操作

export const fetchUser= ()=>(dispatch,getState)=>{
    let params={
        method:'get',
        body:{ users: {} },

    }
    fetch( `${ROOT_URL}&q=${users}`, params).then
    .then(response => response.json())
    .then((response) =>{ 
        dispatch({
            type:Const.ON_RESPONSE_OK,
            payload:response
        })
    })
      .catch(error => {
        dispatch({
            type:Const.ON_RESPONSE_ERROR,
            payload:Error
        })
      });
  }

并重写reducer以处理有效载荷

在这种情况下，我需要redux-promise吗？

1 个答案: