在react中将id从子组件传递到父组件

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

function ParentComponent() {
  const [id, setId] = useState('');

  const handleIdChange = (newId) => {
    setId(newId);
  };

  return (
    <div>
      <h1>Parent Component</h1>
      <ChildComponent onIdChange={handleIdChange} />
      <p>Received id from child component: {id}</p>
    </div>
  );
}

export default ParentComponent;

import React from 'react';

function ChildComponent(props) {
  const handleClick = () => {
    const id = '123'; // 假设这里是获取到的id值
    props.onIdChange(id);
  };

  return (
    <div>
      <h2>Child Component</h2>
      <button onClick={handleClick}>Pass Id to Parent</button>
    </div>
  );
}

export default ChildComponent;