因此，我有以下方法，该方法接受对象“x”。对象“x”具有一个名为“id”的属性。我可以在 4 行中记录 id，但不能在 5 行中记录。

onOpenDeleteServiceModal=(x)=> {
    this.props.setReduxShowDeleteServiceModal(true);
    this.props.setReduxTargetedService(x); //save the object to reducer (using mapDispatchToProps)
    console.log(x.id); //works fine
    console.log(this.props.getReduxTargetedService.id); //error here
}

在 3 行中，我将对象分派到我的 Reducer 并将其保存在那里（使用 redux），然后在 5 行中，我尝试从 Reducer 记录对象 id，但我得到 “TypeError：无法读取 null 的属性“id”

mapStateToProps

const mapStateToProps = (state) => ({
    getReduxTargetedService: state.servicesState.targetedService,
})

mapDispatchToProps

const mapDispatchToProps = dispatch => ({
setReduxTargetedService: (x) =>
    dispatch({ type: 'SET_TARGETED_SERVICE', x}),
})

servicesReducer

const INITIAL_STATE = {
targetedService: null,
};



function servicesReducer(state = INITIAL_STATE, action) {
  switch(action.type) {
    case 'SET_TARGETED_SERVICE': return { 
        ...state,
        targetedService: action.x
    }


    default:
        return state;
  }
}