关于javascript:使用React-Hooks怎么实现getDerivedStateFromProps

通常该当尽量避免应用 getDerivedStateFromProps。尽量应用受控组件，缩小渲染次数，同时也能够是数据流更加清晰。如果不得不依据属性来扭转外部状态，那么应用 hook 怎么来实现对应的性能呢？
官网给出了如下代码，在状态中保留先前属性，紧接着比对先前属性和以后属性。如果不一样就更新状态，实现属性和状态的同步。

function ScrollView({row}) {const [isScrollingDown, setIsScrollingDown] = useState(false);
  const [prevRow, setPrevRow] = useState(null);

  if (row !== prevRow) {
    // Row changed since last render. Update isScrollingDown.
    setIsScrollingDown(prevRow !== null && row > prevRow);
    setPrevRow(row);
  }

  return `Scrolling down: ${isScrollingDown}`;
}

看着很奇怪，竟然在渲染过程中更新状态。不过官网阐明了 getDerivedStateFromProps 自身设计便如此。在设置完新的状态后，react 不会持续以后的渲染过程，而是会从新调度一次渲染，所以开销并不是很低廉。

欢送关注作者的 github 我的项目，学习微服务：
一个反对多店铺的电商零碎，基于 Spring Boot 的微服务构架
https://github.com/ikeyit/ike…
一个基于 React 的电商治理后盾
https://github.com/ikeyit/ike…