将一个组件中的特定状态传递给另一个组件

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

function ParentComponent() {
  const [specialState, setSpecialState] = useState("特定状态数据");

  return (
    <div>
      <h1>父组件</h1>
      <ChildComponent specialState={specialState} />
    </div>
  );
}

export default ParentComponent;

import React from "react";

function ChildComponent(props) {
  return (
    <div>
      <h2>子组件</h2>
      <p>接收到的特定状态数据：{props.specialState}</p>
    </div>
  );
}

export default ChildComponent;