在React Javascript中有没有一种方法来传递道具并在外部导入中使用它？

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

function ParentComponent() {
  const data = 'Hello, World!';
  
  return (
    <div>
      <ChildComponent message={data} />
    </div>
  );
}

export default ParentComponent;

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

function ChildComponent(props) {
  return (
    <div>
      <p>{props.message}</p>
    </div>
  );
}

export default ChildComponent;