不安全组件将接收道具并将其转换为React Hook功能组件中的下一步是什么？

Question

我是ReactJS的初学者，我正在将类组件转换为函数式组件。

    UNSAFE_componentWillReceiveProps(nextProps) {
    let oldGroupList =
      (this.props.contentMultiaction && this.props.contentMultiaction.groups) || [];
    let newGroupList = nextProps.contentMultiaction?.groups || [];

    if (oldGroupList.length !== newGroupList.length) {
      this.getShownGroups(nextProps);
    }
    this.checkAllGroupsState(nextProps);
  }

虽然这是一种不推荐使用的生命周期方法，但我想知道如何在功能组件中重写它。提前谢谢

Answer 1

使用use效应（）钩子。将要监视的值添加到钩子的依赖项数组。

js prettyprint-override">useEffect(() => {
 // runs if contentMultiaction.groups has changed
}, [contentMultiaction.groups]);