Зачем нужно пропихивать ...prev в setState?

Question

[Bzeeng]

Зачем при изменения состояния нам нужно добавлять ...prev, какой в этом смысл?

this.setState( prev => (  
            
                
                {
                    ...prev,
                    ...{
                    [e.target.name] : e.target.value
                    }
                }
                 
            )
          
        )

Comments

[G F]

Доку реакта открой там написано

[Алексей Абрамов]

Смысл, если тебе нужно менять стейт на основе предыдущего стейта, то нужен prevState.

[Bzeeng]

Алексей, стейт обновляется и так, значит prevState не нужен, или нужен для нормального функционирования React в капоте

[Алексей Абрамов]

Bzeeng, глянь вот этот пример, будет понятно

Answer 1

[Владимир]

Не вижу смысла в такой записи, достаточно написать

this.setState({
  [e.target.name]: e.target.value
})

https://reactjs.org/docs/state-and-lifecycle.html

Comments

[Bzeeng]

Да, но часто на практике опытные часто спредят этот prev, толком не понимаю, зачем) Походу документацию придется перечитать)

[Владимир]

Bzeeng, Покажи конкретные примеры.
Ты не можешь модифицировать стейт, тебе нужно всегда записывать новый объект, но конкретно в твоем случае ты можешь вызвать setState с объектом состоящим из твоих правок
И даже если тебе нужно поменять несколько полей в стейте, можно написать несколько setState подряд, изменения будут выполнены за один раз

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

Такая запись как ты показал используется в redux

Answer 2

[Виктор Зорин]

Это может понадобиться в приложениях, где активно используется переход по стейтам (Например с помощью Ctrl+Z, но такая запись необязательно, SetState() и так скопирует все поля предыдущего стейта в новый)