Всем привет! Почему getState() у меня мутирует props без диспача

Question

React — русскоговорящее сообщество

Alex

Всем привет! Почему getState() у меня мутирует props без диспача

в редюсер? Это нормально?
Ведь props иммутабельны?

#frontend #javascript #programming #react.js #russian

0

29.01.2021

22 ответов

16 просмотров

Alex Автор вопроса

Тимофей 🛴
getState ничего не мутирует

props передаваемые в компонент тоже не мутируются ведь ?

0

29.01.2021

Alex Автор вопроса

Тимофей 🛴
getState ничего не мутирует

У меня изменение параметра у объекта полученного через getState мутируется напрямую в компоненте. тоесть: const { object } = getState().reducer object.parametr = 10 без диспача в редюсер меняет значение в компоненте, если проверить через console.log(this.props.object.parametr)

0

29.01.2021

Тимофей 🛴

Alex
У меня изменение параметра у объекта полученного ч...

Ты сам мутируешь, так нельзя

0

29.01.2021

Тимофей 🛴

Alex
У меня изменение параметра у объекта полученного ч...

Вообще пока забудь про мутации, используй spread {...object, parameter: newValue} getState().slice тоже не используй, пиши функции селекторы И сам getState используй только в thunk

0

29.01.2021

Alex Автор вопроса

Тимофей 🛴
Вообще пока забудь про мутации, используй spread ...

Так дело в том, что я использую getState только в thunk. Разве через getState можно мутировать? да или нет?

0

29.01.2021

Roman Tikhiy

Alex
Так дело в том, что я использую getState только в ...

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

0

29.01.2021

Alex Автор вопроса

Roman Tikhiy
В js ты можешь наворотить все что угодно, мало чег...

1) блокирует ли редакс мутации напрямую или нет? 2) передаваемый props в компонент мутируется или нет?

0

29.01.2021

Тимофей 🛴

Alex
Так дело в том, что я использую getState только в ...

Да там же просто передается объект по ссылке

0

29.01.2021

Тимофей 🛴

Alex
1) блокирует ли редакс мутации напрямую или нет? 2...

Редакс ничего не блокирует, props мутируется

0

29.01.2021

Alex Автор вопроса

Тимофей 🛴
Редакс ничего не блокирует, props мутируется

Тоесть при работе с пропсами в компоненте их тоже нужно копировать. const { object } = { ...this.props } ?

0

29.01.2021

Roman Tikhiy

Alex
Тоесть при работе с пропсами в компоненте их тоже ...

Конечно

0

29.01.2021

Тимофей 🛴

Alex
Тоесть при работе с пропсами в компоненте их тоже ...

Лучше просто не мутировать

0

29.01.2021

Roman Tikhiy

Alex
Тоесть при работе с пропсами в компоненте их тоже ...

Частый кейс - нужно изменить 1 или несколько свойств, которое ты достаешь деструктуризацией и диспатчишь измененные данные, либо создаешь новый объект и докидываешь в него требуемые свойства, не используя копию

0

29.01.2021

Alex Автор вопроса

Тимофей 🛴
Лучше просто не мутировать

// иммутабельно const { object } = { ...this.props } object = 10 //мутабельно const { object } = this.props const object2 = object object2 = 10 Всё верно?

0

29.01.2021

アレクサンダー・バキマトフ

Alex
// иммутабельно const { object } = { ...this.props...

нет

0

29.01.2021

アレクサンダー・バキマトフ

Alex
// иммутабельно const { object } = { ...this.props...

зачем тебе делать object = 10?

0

29.01.2021

Roman Tikhiy

Alex
// иммутабельно const { object } = { ...this.props...

https://learn.javascript.ru/object-copy, ознакомся, к реакту и редаксу вопрос не имеет отношения

0

29.01.2021

Тимофей 🛴

Alex
// иммутабельно const { object } = { ...this.props...

Не если тебе нужен измененный объект то const newObject = {...object, value: 10} Но не забывай что это не глубокое копирование

0

29.01.2021

Тимофей 🛴

Roman Tikhiy
https://learn.javascript.ru/object-copy, ознакомся...

+

0

29.01.2021

Alex Автор вопроса

アレクサンダー・バキマトフ
зачем тебе делать object = 10?

мне просто понять мутабельность. Тут понятно, мы создаём новый объект на основе скопированных свойств и не мутируем напрямую object const { object } = { ...this.props } object = 10 И тут не мутируем, верно? const { object } = this.props const object2 = object object2 = 10

0

29.01.2021

アレクサンダー・バキマトフ

Alex
мне просто понять мутабельность. Тут понятно, мы ...

оригинальный object не мутируешь, новый мутируешь

0

29.01.2021

Тимофей 🛴 · Accepted Answer

Тимофей 🛴

getState ничего не мутирует

0

29.01.2021

169 похожих чатов

Всем привет! Почему getState() у меня мутирует props без диспача

22 ответов

Похожие вопросы