如何自动从子组件中获取道具以减少组件中的重复代码

// 父组件
import React from 'react';
import ChildComponent from './ChildComponent';

function ParentComponent() {
  const propValue = '这是从父组件传递给子组件的数据';
  
  return (
    <div>
      <ChildComponent prop={propValue} />
    </div>
  );
}

export default ParentComponent;

// 子组件
import React from 'react';

function ChildComponent(props) {
  // 使用props中传递的数据
  const propValue = props.prop;

  // 其他组件逻辑

  return (
    <div>
      <p>{propValue}</p>
      {/* 其他子组件的内容 */}
    </div>
  );
}

export default ChildComponent;