从操作负载更新 redux lwc 中的状态切片

Question

下面是我更新 state.customer 切片的代码。但是，当它运行时，我发现下一个状态不会使用从操作分派的有效负载进行更新。有人可以指出我缺少什么吗？

减速器：

const initialState1 = {"customer":{}};

const customer = (state = initialState1, action) => {
    console.log('state:', state);
    switch (action.type) {
        case 'INIT_CUSTOMER_INFO':
            return {
               ...state,
               customer: action.payload
            }
        case 'UPD_CUSTOMER_INFO':
            console.log(action);
            return { ...customer, firstname: action.firstname }
        default: return state;
    }
}

export default customer;

来自 LWC 的动作

export const initCustomer = customer => {
    return {
          type: 'INIT_CUSTOMER_INFO',
          payload : customer
    }
}

调度

import { LightningElement, track } from 'lwc';
import { connect } from 'c/connect';
import { updateCustomer, initCustomer } from 'c/actions';
import getJSONData from '@salesforce/apex/RGClass.getCartSummary';

const mapStateToProps = (state, ownProps) => ({
    customer: state.customer
})

const mapDispatchToProps = (dispatch, ownProps) => ({
    initCustomer : customer => dispatch(initCustomer(customer)),
    updateCustomer : customer => dispatch(updateCustomer(customer))
})

export default class DigiForm extends LightningElement {
@track firstname;
showfirstname;

connectedCallback() {
    //add the hook
    connect(mapStateToProps, mapDispatchToProps)(this);//connects the
    //api call
    getJSONData()
        .then(result => {
            console.log('result:',result);
            this.initCustomer(result);
        })
        .catch(error => {
            console.log(error);
        });
}
onContinue = () => {
    let fn = this.template.querySelector('lightning-input').value;

    console.log('firstname:', fn);
    this.updateCustomer({ firstname : fn});
    if(fn != null){
        this.showfirstname = true;
    }
}
}

尝试了几个选项，但没有奏效。任何帮助将不胜感激！