response - Почему состояние родительского компонента изменяется при использовании состояния обновления для Child?

Question

Когда я изменить состояние на дочерних компонентах, делая что-то вроде этого:

// inside child component 
var stateToSet = this.state; 
stateToSet[active] = false; 
this.setState(nextState); 

изменения родительского состояния без перерисовки.

Я полагаю, что родительский компонент this.state которую ссылаются при stateToSet[active] = false, поэтому я Object.assign «d состоянии и каждое свойство я хочу изменить, а затем он работает без изменения состояния Родителя.

Хотелось бы теперь, почему это происходит. Может ли это быть поведенческое поведение? Может быть проблемой Brunch (мой компилятор) и конкатенацией файлов?

Любые идеи?

Answer 1

Yup, поэтому вы никогда не должны изменять состояние напрямую, как здесь, потому что this.setState фактически вызовет все методы жизненного цикла вашего компонента и изменяет состояние, как здесь. Эта функция принимает ключи, которые вы хотите изменить, поэтому не нужно Object.assign или ....

this.setState({ active: false }) 

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