如何在React-native中使用回调？

// 父组件
import React, { useState } from 'react';
import ChildComponent from './ChildComponent';

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

  // 回调函数
  const handleCallback = (childData) => {
    setData(childData);
  }

  return (
    <div>
      <ChildComponent callback={handleCallback} />
      <p>Data from child component: {data}</p>
    </div>
  );
}

export default ParentComponent;

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

const ChildComponent = (props) => {
  const sendDataToParent = () => {
    const data = 'Hello from child component';
    props.callback(data); // 触发回调函数，将数据传递给父组件
  }

  return (
    <button onClick={sendDataToParent}>Send Data to Parent</button>
  );
}

export default ChildComponent;