React Native:将状态从子组件更新到父组件，然后在第二个组件中传递更新的道具

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

function ParentComponent() {
  const [updatedProp, setUpdatedProp] = useState('');

  const handlePropUpdate = (newProp) => {
    setUpdatedProp(newProp);
  };

  return (
    <div>
      <ChildComponent onUpdateProp={handlePropUpdate} />
      <SecondComponent updatedProp={updatedProp} />
    </div>
  );
}

import React, { useState } from 'react';

function ChildComponent({ onUpdateProp }) {
  const [childState, setChildState] = useState('');

  const handleStateUpdate = () => {
    // 更新子组件的状态
    const updatedState = 'New state';
    setChildState(updatedState);
    
    // 调用父组件传递的回调函数，并将更新后的属性传递给父组件
    onUpdateProp(updatedState);
  };

  return (
    <div>
      <button onClick={handleStateUpdate}>Update State</button>
    </div>
  );
}

import React from 'react';

function SecondComponent({ updatedProp }) {
  return (
    <div>
      <p>{updatedProp}</p>
    </div>
  );
}