javascript - 如何使用 react、redux、axios 响应发送到操作

Question

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

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
    }
}

Answer 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