TypeError:articles.map不是使用React Redux的函数

时间:2018-11-24 08:54:18

标签: reactjs api redux

我正在尝试使用以下方法从服务器获取数据:

exports.findAll = function(req, res) {
console.log("--->Find All: \n" + JSON.stringify(articles, null, 4));
res.end(JSON.stringify(articles, null, 4));  };

这是我的操作代码:

export const getArticles =()=> dispatch =>{
dispatch(ArticlesLoading());
fetch('http://localhost:8000/api/articles/')
.then(handleErrors)
.then(res => dispatch(
    {
        type : GET_ARTICLES,
        payload: res.json()
    }
))
    }

当我设置初始状态时,我可以看到我的文章,但是当我想从服务器读取数据时,它会遇到错误“ TypeError:articles.map不是函数”。我记录了action.payload,结果如下图所示:

consolelog

1 个答案:

答案 0 :(得分:1)

export const getArticles =()=> dispatch => {
   dispatch(ArticlesLoading());
   fetch('http://localhost:8000/api/articles/')
       .then(handleErrors)
       .then(res => res.json())
       .then(res => dispatch({
            type : GET_ARTICLES,
            payload: res,
       });
}

res.json返回一个承诺,请尝试使用此代码