如何在react中重写儿童道具

import React from 'react';

const ChildComponent = () => {
  return (
    <div>
      {/* 儿童道具内容 */}
    </div>
  );
};

export default ChildComponent;

import React from 'react';
import ChildComponent from './ChildComponent';

const ParentComponent = () => {
  return (
    <div>
      <h1>父组件</h1>
      <ChildComponent />
    </div>
  );
};

export default ParentComponent;

import React from 'react';
import ChildComponent from './ChildComponent';

const ParentComponent = () => {
  const propName = '属性值';

  return (
    <div>
      <h1>父组件</h1>
      <ChildComponent propName={propName} />
    </div>
  );
};

export default ParentComponent;

import React from 'react';

const ChildComponent = (props) => {
  return (
    <div>
      <h2>儿童道具</h2>
      <p>属性值：{props.propName}</p>
    </div>
  );
};

export default ChildComponent;