redux – mapDispatchToProps方法中的访问状态

发布时间：2020-12-15 20:42:47 所属栏目：百科来源：网络整理

导读：我已经使用redux编写了一个容器组件,我的mapDispathToProps的实现看起来像这样 const mapDispatchToProps = (dispatch,ownProps) = { return { onChange: (newValue) = { dispatch(updateAttributeSelection('genre',newValue)); dispatch(getTableData(newV

我已经使用redux编写了一个容器组件,我的mapDispathToProps的实现看起来像这样

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

问题是为了getTableData我需要一些其他组件的状态.如何在这个方法中访问状态对象？

您可以使用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))
        }
    }
}

一些不同的方法来组织这些,但是这样的东西应该是有效的.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!