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（（）=>{执行代码}）