Сертификаты Apple и профили обеспечения - когда они истекают?

Один из недостатков использования componentDidUpdate или componentDidMount заключается в том, что они фактически выполняются до того, как будут выполнены элементы dom, но после того, как они были переданы из React в DOM браузера.

Скажите, например, если вам нужно установить node.scrollHeight на обработанный node.scrollTop, то элементы DOM React могут быть недостаточными.

Решение:

Используйте requestAnimationFrame, чтобы убедиться, что ваш код запущен после рисования вашего вновь созданного объект

scrollElement: function() {
  //store a this ref, and
  var _this = this;
  //wait for a paint to do scrolly stuff
  window.requestAnimationFrame(function() {
    var node = _this.getDOMNode();
    if (node !== undefined) {
      //and scroll them!
      node.scrollTop = node.scrollHeight;
    }
  });
},
componentDidMount: function() {
  this.scrollElement();
},
// and or
componentDidUpdate: function() {
  this.scrollElement();
},
// and or
render: function() {
  this.scrollElement()
  return [...]