Как правильно изменять состояние redux, react-redux?

Question

[ravshan selimov]

Всем привет.

Начал изучать redux, так и не понял как праильно надо менять состояние(store),

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

Сейчас делаю так

function reducer(state, action){

	switch (action.type) {

		case 'LOGGED': {

			return {
				isLogged : true,
				user: action.user 
			}

		};

		default: return state;

	}

}

export default reducer;

Правильно или нет?

Answer 1

[Loli E1ON]

Просто придерживайтесь иммутабельности данных:

return {
    ...state,          // Разворачиваем старое состояние
    isLogged : true,   // обновляем свойства которые нужно
    user: action.user  // обновляем свойства которые нужно
}

Иммутабельность:

Неизменяемым (англ. immutable) называется объект, состояние которого не может быть изменено после создания. Результатом любой модификации такого объекта всегда будет новый объект, при этом старый объект не изменится.

Comments

[ravshan selimov]

Есть ещё другие варианты?если нет так сделаю, пока нет возможности проверить

[Loli E1ON]

ravshan selimov, ну вместо оператора разворота можете использовать Object.assign, он тоже возвращает новый обьект

Answer 2

[Pavel Shvedov]

менять состояние + чистые функции = функция, которая не меняет старое состояние, а вычисляет и возвращает новое состояние на основе старого (ну и в частности также на основе полученного action)

Comments

[ravshan selimov]

То что написали понятно, можете это показать(код).
Как мне взять старое состояние и поменять именно то что мне нужно?

[Pavel Shvedov]

return {
  ...state,
  newField: newValue,
  oldField: state.oldField + action.payload.someValue
};