如何将JS变量传递给JSX文件

// Parent组件
import React from 'react';
import Child from './Child';

const Parent = () => {
  const data = 'Hello World';

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

export default Parent;

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

const Child = (props) => {
  return (
    <div>
      <p>{props.data}</p>
    </div>
  );
}

export default Child;