可以在React中的两个功能组件之间传递数据吗？

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

function ParentComponent() {
  const data = '这是要传递的数据';

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

export default ParentComponent;

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

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

export default ChildComponent;