Что отличается, когда мы используем состояние и редуктор в mapStateToProps.Какой правильный метод?

Question

Я видел, что многие учебники использовали этот метод в своем методе mapStateToProps.

(state.ReducerName)

const mapStateToProps = (state) => {
  return {
    invoices: state.IcmWebReducer,
 }
};

Но это не такработать на меня.То, что работало для меня, было это

(state.objectParameterName)

const mapStateToProps = (state) => {
return {
    params: state.params,
    invoices: state.invoices
 }
};

Мой редуктор, как показано ниже

const initialState = {
invoices : [],
params: {
    status: 'Pending',
    _sort: 'documentInfo.dueDate',
    _order: 'desc',
    q: ''
 }
};

const IcmWebReducer = (state = initialState, action) =>{
switch (action.type){
    case 'UPDATE_INVOICES':
        return Object.assign({}, state, {
            invoices: action.invoices
        });
    case 'UPDATE_PARAMS':
        return Object.assign({}, state, {
            params: action.params
        });
    default:
        return state;
 }
};

export default IcmWebReducer;

Что является правильнымметод?В чем разница между этим?

Answer 1

(state.objectParameterName) - правильный метод.

mapStateToProps - для использования состояния избыточности в качестве реквизита в компоненте connected.Редуктор является чистой функцией, он просто принимает некоторое значение и возвращает его.Редуктор обновляет и возвращает состояния в зависимости от сработавшего типа действия.Даже если вы как-то определяете редуктор в состоянии редукса и пытаетесь его использовать, это неправильная практика.