redux - 访问 mapDispatchToProps 方法内部的状态

Question

我已经使用 redux 编写了一个容器组件，我的 mapDispatchToProps 实现如下所示

const mapDispatchToProps = (dispatch, ownProps) => {
    return {
        onChange: (newValue) => {
            dispatch(updateAttributeSelection('genre', newValue));
            dispatch(getTableData(newValue, ownProps.currentYear));
        }
    }
}

问题是为了获取TableData，我需要一些其他组件的状态。如何在此方法中访问状态对象？

Answer 1

您可以使用 redux-thunk 创建一个单独的操作创建器函数，该函数可以访问 getState，而不是在 mapDispatchToProps 中定义该函数:

function doTableActions(newValue, currentYear) {
    return (dispatch, getState) => {
        dispatch(updateAttributeSelection('genre', newValue));
        let state = getState();
        // do some logic based on state, and then:
        dispatch(getTableData(newValue, currentYear));
    }
}


let mapDispatchToProps = (dispatch, ownProps) => {
    return {
        onChange : (newValue) => {
            dispatch(doTableActions(newValue, ownProps.currentYear))
        }
    }
}

有一些不同的方式来组织这些，但类似的东西应该有效。