将输入框变量从一个子传递到另一个子

import React, { useState } from 'react';

function ParentComponent() {
  const [inputValue, setInputValue] = useState('');

  return (
    <div>
      <ChildComponent1 inputValue={inputValue} setInputValue={setInputValue} />
      <ChildComponent2 inputValue={inputValue} />
    </div>
  );
}

function ChildComponent1({ inputValue, setInputValue }) {
  const handleChange = (event) => {
    setInputValue(event.target.value);
  };

  return (
    <div>
      <input type="text" value={inputValue} onChange={handleChange} />
    </div>
  );
}

function ChildComponent2({ inputValue }) {
  return (
    <div>
      <p>输入框的值是：{inputValue}</p>
    </div>
  );
}