Question

我正在为我的react应用程序创建一个库，它将处理与会话相关的每个API调用（验证，注册，刷新令牌等......），这个库需要自己访问redux存储来调度动作。这背后的原因是每当用户的访问令牌到期时，使用setTimeout我需要调用将调用我的API来刷新令牌的动作创建者，并使用新的会话数据更新应用程序redux商店。

所以我想第一次调用它时将调度方法传递给库，但我不确定这是最好的方法。

或者我也可以创建一个initialize()方法，将调度传递给库。

import { authenticate } from 'libraries/session';

export function login(email, password) {
    return (dispatch) => {
        dispatch(loginRequest());

        return authenticate(email, password, dispatch) // dispatch is passed here, so I can use it later in the library
        .then(() => (
            dispatch(loginSuccess())
        ))
        .catch((json) => (
            dispatch(loginError());
        ));
    };
};

我还没有尝试过这段代码，现在更多的是头脑风暴。

您是否有任何关于处理此问题的最佳方法的建议？

谢谢！

Answer 1

我的冲动是交换参数：

import { authenticate } from 'libraries/session';


export function configureLogin(store) {
    var {dispatch, subscribe, getState} = store;
    return (email, password) => {
        dispatch(loginRequest());

        return authenticate(email, password, dispatch) // <- I don't why dispatch needs to be included, but I'll take ur word for it
        .then(() => dispatch(loginSuccess())
        .catch(json => dispatch(loginError()));
    };
};

// usage
import { configureLogin } from './service/login';
var store = createStore();
var login = configureLogin(store);
login(email, password);

如何从库中访问redux商店？

1 个答案: