Как добавить состояние по ключу, а не всем элементам?

Question

[Durilka96]

Вот так вызываю для обновления состояния, но хочу чтобы добавлялось не всем ключам, а только одному, где нужно правильно ключ обозначить конкретный?

// обновление состояния
dispatch(setParameterList(newCheckedCountry));
//reducer
case SET_PARAMETER_LIST:
            return {
                ...state,
                parameterCountry: action.payload,
                parameterPosition: action.payload,
                parameterNewsAgency: action.payload,
            }
//выполняется добавление всем ключам parameterCountry, parameterPosition, parameterNewsAgency, а хотелось бы только одному parameterCountry как это реализовать?

Comments

[Антон Горецкий]

что мешает убрать два лишних?

[Durilka96]

Антон Горецкий, уже убрал, но думал, что можно так

[Kostenitskiy_A]

Можно код начального состояния (initialState)?

[Durilka96]

Если я правильно понял, то что вы просите, потому что только начинаю в этом разбираться и не все названия терминов знаю.
сейчас делаю так, по отдельности, было как описано в вопросе, хотелось бы узнать можно ли все таки как задано в вопросе или только так как я сделал по отдельности:

// Reducer
const SET_PARAMETER_COUNTRY_LIST = 'SET_PARAMETER_COUNTRY_LIST'
const SET_PARAMETER_POSITION_LIST = 'SET_PARAMETER_POSITION_LIST'
const SET_PARAMETER_NEWS_AGENCY_LIST = 'SET_PARAMETER_NEWS_AGENCY_LIST'

const defaultState = {
    parameterCountry: [],
    parameterPosition: [],
    parameterNewsAgency: [],
}

export default function searchFaceReducer(state = defaultState, action) {
    switch (action.type) {
        case SET_PARAMETER_COUNTRY_LIST:
            return {
                ...state,
                parameterCountry: action.payload,

            }
        case SET_PARAMETER_POSITION_LIST:
            return {
                ...state,
                parameterPosition: action.payload,

            }
        case SET_PARAMETER_NEWS_AGENCY_LIST:
            return {
                ...state,
                parameterNewsAgency: action.payload,

            }

        default:
            return state
    }
}

export const setParameterCountryList = (parameterCountry) => ({type: SET_PARAMETER_COUNTRY_LIST, payload: parameterCountry})
export const setParameterPositionList = (parameterPosition) => ({type: SET_PARAMETER_POSITION_LIST, payload: parameterPosition})
export const setParameterNewsAgencyList = (parameterNewsAgency) => ({type: SET_PARAMETER_NEWS_AGENCY_LIST, payload: parameterNewsAgency})
//было
export const setParameterList = (parameter) => ({type: SET_PARAMETER_LIST, payload: parameter})

Answer 1

[Kostenitskiy_A]

Как я понял из описания вопроса. Тебе нужно добавить элемент в массив parameterCountry, но добавление проходит во все массивы. В данном случае тебе нужно исправить кейс reducer'а

case SET_PARAMETER_LIST:
      const newParameterCountry = [...state.parameterCountry];
      newParameterCountry.push(action.payload);
      return {
        ...state,
        parameterCountry: newParameterCountry,
      };

2 строка - создаёшь новый массив и заполняешь его элементами из предыдущего массива parameterCountry
3 строка - добавляешь элемент в созданный массив
и после возвращаешь новый объект уже с новым состоянием

Comments

[Durilka96]

Блин, точно, отличная идея, спасибо большое