Реагирует: считается ли предыдущее состояние измененным?

Question

Я искал вокруг ответа на эти вопросы довольно долгое время сейчас, так что я просто хочу, чтобы спросить:

При передаче функции в качестве первого параметра this.setState, является previousState изменяемых ?

В документации говорится, что функции (состояние, реквизит) может использоваться для обновления состояния от предыдущего, но это также хорошо использовать функцию следующим образом:

Пример: Предположите state.profiles с профилями пользователей, и мы хотим изменить один профиль пользователя. Поэтому вопрос о вложенных объектах в состоянии.

// Profiles has this structure: 
// {1:{name: 'Old Name', age: 21}, 2: {name: 'Profile 2', age: 12}}; 

var changedProfile = {id: 1, name: 'New Name', age: 21}; 
this.setState(function (previousState) { 
    previousState.profiles[changedProfile.id] = changedProfile; 
    return previousState; 
}) 

Это нормально? Можно ли считать, что предыдущиеState.profiles считаются изменчивыми?

Конечно, альтернатива была бы сделать что-то вроде этого:

var changedProfile = {id: 1, name: 'New Name', age: 21}, 
    newProfiles = _.extend({}, this.state.profiles); 

newProfiles[chanedProfile.id] = changedProfile; 
this.setState({profiles: newProfiles}); 

Но если мутирует previousState в порядке, то это кажется излишним для меня, чтобы скопировать объект и затем установить состояние на скопированный и измененный объект.

РЕДАКТИРОВАТЬ: Приведенный пример с плохим примером. Заменено лучшим примером.

Answer 1

В вашем примере ваше новое состояние не зависит вообще от предыдущего состояния, так что вы можете просто сделать:

this.setState({ 
    a: 123; 
    b: {x: 'X', y: 'Y'}; 
}) 

Однако если это был просто плохой пример, и как-то вам нужно проверить предыдущее состояние, чтобы определить новое состояние, то это будет что-то вроде этого:

this.setState(function (previousState) { 
    return { 
    a: previousState.a + 123; 
    b: Object.assign(previousState.b, {x: 'X', y: 'Y'}); 
    } 
}) 

по существу результата является то, что мы возвращаем объект, новое состояние, и мы можем использовать предыдущее состояние, как мы видим, нужными - так что да, вы можете мутировать предыдущее состояние, как это было на вашем экзамене ple