依赖于来自其他状态的数据的操作

Question

我有一个react-redux应用程序，有3个还原剂:clientPrivileges, userFilter和userData作用于我的商店。

表组件用于显示每个用户的数据，下拉组件用于为特定用户过滤该表。当为特定用户选择下拉菜单时，我需要调用后端来检索数据。这是与This相关的操作:

selectUser(userId, dispatch) {
    api.getUserData(userId, accessTypeId, (data) => {
        dispatch(userActions.update(data));
    });
    return{
        type: selectUser,
        userId
    }
}

然而，您可以看到我有一个名为accessTypeId的参数，它需要发送到后端以及userId。这个值是在登录到应用程序时使用clientPrivileges减速器在存储中设置的。

除了将accessTypeId设置为其mapStateToProps中的下拉组件的prop之外，我看不到任何其他方法。然后在组件本身中:

this.props.users.map(u => {
    function onClick() 
    {
        selectEndUserGroup(u.id, this.props.accessTypeId);
    } 
    return <div id={"filter_group_"+u.id} key={u.id} onClick={onClick}>{name}</div>

但是现在我已经用accessTypeId属性销毁了我的通用下拉组件。我该怎么做呢?

Answer 1

如果我理解正确，您希望您的操作能够访问存储在Redux状态中的值，是吗?

Redux-Thunk处理得很好。代码看起来像这样;

selectUser(userId) {
    return function(dispatch, getState){
        var accessTypeId = getState().[PATH TO REDUX STATE ELEMENT]
        api.getUserData(userId, accessTypeId, (data) => {
            dispatch(userActions.update(data));
        });
        dispatch({
            type: selectUser,
            userId
        })
    }
}