如何重载react道具？

componentDidUpdate(prevProps) {
  if (this.props.propName !== prevProps.propName) {
    // 道具值发生变化时执行相应的操作
    this.setState({ /* 更新子组件的状态 */ });
  }
}

constructor(props) {
  super(props);
  this.state = {
    propName: this.props.propName
  };
}

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

function ChildComponent(props) {
  const [propName, setPropName] = useState(props.propName);

  useEffect(() => {
    if (props.propName !== propName) {
      // 道具值发生变化时执行相应的操作
      setPropName(props.propName);
    }
  }, [props.propName]);

  // 其他子组件逻辑...

  return (
    // 子组件 JSX
  );
}