我想将数据发送到react原生代码中的子屏幕

import React, { useState } from 'react';

function ParentComponent() {
  const [data, setData] = useState('');

  // 在这里更新数据并发送到子屏幕
  const sendDataToChild = () => {
    const newData = '要发送的数据';
    setData(newData);
  };

  return (
    <div>
      <button onClick={sendDataToChild}>发送数据到子屏幕</button>
      <ChildComponent data={data} />
    </div>
  );
}

import React from 'react';

function ChildComponent(props) {
  const { data } = props;

  return (
    <div>
      <h2>子屏幕</h2>
      <p>接收到的数据：{data}</p>
    </div>
  );
}