关于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...