ReactJS: изменить значение свойства объекта с помощью setState

Question

У меня есть следующий код в конструкторе:

this.state = {
              messageBox: { open: false, title: 'title', content: 'content', onConfirm: function() {console.log('confirm')}, onCancel: function() {console.log('cancel')} },
            };

Теперь я хотел бы изменить только свойство open с помощью setState. Как мне этого добиться?

Answer 1

Использование Оператор распространения (ES6)

this.setState({ messageBox: { ...this.state.messageBox, open: true } });

Использование Object.assign

this.setState({ messageBox: Object.assign({}, this.state.messageBox, { open: true } ) });

Answer 2

На этот вопрос очень хорошо ответили:

Как обновить свойства вложенного состояния в React

Но IMO лучшие ответы - те, которые указывают, что вложенное состояние не поддерживается напрямую по причине, и, вероятно, его следует избегать, если это возможно.