Допустим, у вас есть какой-то достаточно сложный компонент (например, какой-то список), который изменяет стейт, а изменение стейта вновь изменяет этот компонент (добавляет элементы в верх списка). И вы хотите, например, запоминать позицию скролла.

addElements() {
  const scrollH = this.el.current.scrollHeight // старая высота элемента со списком
  this.props.store.addElementsToTop() //action в сторе, который триггерит ререндер текущего компонента
  this.el.current.scrollTop += this.el.current.scrollHeight - scrollH  //прокручиваем список на старую позицию
}

Если у вас честный action, сразу после его вызова (2 строчка) компонент (если он observer, конечно) синхронно перерисуется и в третьей строчке scrollHeight будет уже актуальным. С вашим же трюком на третьей строчке компонент будет ещё не перерисован (потому что observer внутри — это та же реакция).

Ваш аккаунт

Разделы

Информация

Услуги