React redux

 

注意点一:

如果在reducer中使用,且xx或者yy是对象或者list

state.merge({xx: action.xx, yy: action.yy})

那么在使用时应该

const mapStateToProps = state => {
    let page = state.page;
    return {
        xx: page.getIn(['xx']).toJSON(),
        yy: page.getIn(['yy']).toJSON(),
    }
};

 

注意点二:

初始化map类型的state

const defaultState = fromJS({
    tagStatusList: {"ifPassTagChecked": true, "ifFailTagChecked": true, "ifSkipTagChecked": true}

});

export default (state = defaultState, action) => {
    switch (action.type) {
        case constants.CLICK_FILTER_CASE_STATUS_TAG:
            return state.set('tagStatusList', fromJS(action.tagStatusList));
        default:
            return state;
    }
}

const mapStateToProps = state => {
    let autoTestReport = state.autoTestReport;
    return {
        tagStatusList: autoTestReport.getIn(['tagStatusList']).toJSON(),
    }
};

 

转载于:https://www.cnblogs.com/xiaochengzi/p/10843298.html

React Redux是一个用于在React应用中管理状态的库。它结合了ReactRedux,提供了一种可预测的状态管理解决方案。在React Redux中,我们使用Provider组件将Redux的store传递给整个应用程序,以便在应用程序的任何地方都可以访问到Redux的状态。\[1\]\[3\] 在React Redux中,我们可以使用connect函数将组件连接到Redux的store,并将store中的状态映射到组件的props上。这样,组件就可以通过props访问和更新Redux的状态。同时,我们还可以使用dispatch函数来触发Redux中的action,从而更新状态。\[2\] 通过React Redux,我们可以更方便地管理React应用的状态,使得应用的状态变化更加可控和可预测。同时,React Redux还提供了一些中间件,如Redux-thunk,可以帮助我们处理异步操作,使得应用的状态管理更加灵活和强大。\[2\] 总之,React Redux是一个强大的状态管理库,可以帮助我们更好地管理React应用的状态,并提供了一些工具和中间件来简化状态管理的过程。\[1\]\[2\]\[3\] #### 引用[.reference_title] - *1* *2* *3* [React中的Redux](https://blog.youkuaiyun.com/yrqlyq/article/details/119118182)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值