在React中，是否可以通过组件传递道具并使其作为子组件的道具名称

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

function ParentComponent() {
  const propName = 'name';
  const propValue = 'John';

  return (
    <div>
      <ChildComponent propName={propName} propValue={propValue} />
    </div>
  );
}

export default ParentComponent;

import React from 'react';

function ChildComponent(props) {
  return (
    <div>
      <p>{props.propName}: {props.propValue}</p>
    </div>
  );
}

export default ChildComponent;