Блог

Пожалуйста, посмотрите жирный текст во фрагменте из документации по состоянию и жизненному циклу ReactJS и, пожалуйста, сообщите мне, какое обновление это — вызов setState () (обновление состояния компонентом) или обновление DOM?

 // Wrong
this.setState({
  counter: this.state.counter   this.props.increment,
});
 

Чтобы исправить это, используйте вторую форму setState (), которая принимает функцию
, а не объект. Эта функция получит предыдущее состояние
в качестве первого аргумента, а реквизиты в момент применения обновления-в качестве второго аргумента:

 // Correct
this.setState(function(state, props) {
  return {
    counter: state.counter   props.increment
  };
});