使用子组件中从父组件接收的状态

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

const ParentComponent = () => {
  const [count, setCount] = useState(0); // 定义状态count并初始化为0

  return (
    <div>
      <ChildComponent count={count} />
    </div>
  );
};

export default ParentComponent;

// 子组件
import React from 'react';

const ChildComponent = (props) => {
  return (
    <div>
      <p>接收到的状态值：{props.count}</p>
    </div>
  );
};

export default ChildComponent;