React 监听属性值变化的方法=》 useEffect钩子函数的介绍

import React, { useEffect, useRef } from 'react';

function MyComponent(props) {
  const prevPropRef = useRef(props.myProp);

  useEffect(() => {
    if (props.myProp !== prevPropRef.current) {
      // 当 myProp 的值发生变化时执行操作
      console.log('myProp has changed');
    }
    prevPropRef.current = props.myProp;
  }, [props.myProp]);

  return <div>{props.myProp}</div>;
}

当props.myProp的值发生变化时，执行useEffect（（）=>{执行代码}）