如何使用 react、redux、axios 响应发送到操作答案

【问题标题】：How to response send using react,redux,axios to action如何使用 react、redux、axios 响应发送到操作
【发布时间】：2016-07-11 06:35:54
【问题描述】：

我想获得从帖子返回到有效负载的响应。如何发送返回到操作的结果。我该怎么做？

import axios from 'axios';
import * as types from './actionTypes';

const ROOT_URL = `http://localhost:8000`;

export function addPost(title){
    const url = `${ROOT_URL}/api/v1/post/`;
    var request;

    axios.post(url, {
        title: title,
    }).then(function (response) {
        request = response;
    })
    .catch(function (response) {
        request = response;
    });

    console.log(request);

    return {
        type:types.ADD_POST,
        payload:request
    }
}

【问题讨论】：

超级有帮助：redux.js.org/docs/advanced/AsyncActions.html

标签： javascript reactjs redux axios

【解决方案1】：

一种方法是有一个单独的服务来调用适当的操作：

类似

export function addPost(title){
    return {
        type:types.ADD_POST,
        payload:request
    }
}

export function addPostService(title){
    const url = `${ROOT_URL}/api/v1/post/`;
    var request;

    axios.post(url, {
        title: title,
    }).then(function (response) {
        dispatch(addPost(response.body))
    })
    .catch(function (response) {
        request = response;
    });
}

如果您想要更高级的解决方案，请查看 redux-thunk：https://github.com/gaearon/redux-thunk

【讨论】：