Question

我是Promises and React的新手。我在我的动作创建者中使用了redux-thunk来解决承诺，并且我从我的组件中调用了动作创建者。在成功或不成功的请求完成后，如何路由到不同的URL？我附加了删除功能动作创建者的代码。

成功时，我应该在发送时使用参数（routeTo）设置状态吗？

这是删除功能：

export function deletePost(id){
    var request = axios.delete(`${ROOT_URL}posts/${id}${API_KEY}`);

    return function(dispatch){
        request.then((response)=>{
            console.log("I deleted"+response.data.title);
        }).catch((error)=>{
            console.log("DELETE_ERROR: "+JSON.stringify(error));
        });
    }
}

我从我的组件中的onclick函数调用此函数。

deletePost(){
    this.props.deletePost(this.props.params.id);
}

Answer 1

我发现使用redux进行路由的最好方法是考虑我的状态的URI部分，并将其存储在redux中。有一个很棒的图书馆react-router-redux可以为你做这件事。

一旦你设置了react-router-redux，你就可以调度动作来改变位置，所以你的thunk看起来像：

import { push } from 'react-router-redux';

export function deletePost(id){
    var request = axios.delete(`${ROOT_URL}posts/${id}${API_KEY}`);

    return function(dispatch){
        request.then((response)=>{
            console.log("I deleted"+response.data.title);
            dispatch(push('/delete-success-uri'));
        }).catch((error)=>{
            console.log("DELETE_ERROR: "+JSON.stringify(error));
            dispatch(push('/delete-fail-uri'));
        });
    }
}

成功或错误后如何使用redux thunk重定向？

1 个答案: