在React Native树中的父组件和子组件之间进行通信，而不访问父组件的父组件

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

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

  const handleDataChange = (newData) => {
    setData(newData);
  };

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

export default ParentComponent;

// 子组件
import React, { useState } from 'react';

const ChildComponent = ({ onDataChange }) => {
  const [inputValue, setInputValue] = useState('');

  const handleInputChange = (e) => {
    setInputValue(e.target.value);
  };

  const sendDataToParent = () => {
    onDataChange(inputValue);
  };

  return (
    <div>
      <input type="text" value={inputValue} onChange={handleInputChange} />
      <button onClick={sendDataToParent}>Send Data to Parent</button>
    </div>
  );
};

export default ChildComponent;