如何在另一个组件中打印react选择状态？

import React, { useState } from 'react';

function ComponentA() {
  const [selected, setSelected] = useState(false);

  // 处理选择状态变化的函数
  const handleSelectChange = (event) => {
    setSelected(event.target.checked);
  };

  return (
    <div>
      <label>
        <input type="checkbox" checked={selected} onChange={handleSelectChange} />
        选择状态
      </label>
    </div>
  );
}

import React from 'react';

function ComponentB(props) {
  return (
    <div>
      <p>选择状态：{props.selected ? '已选择' : '未选择'}</p>
    </div>
  );
}

import React from 'react';
import ComponentA from './ComponentA';
import ComponentB from './ComponentB';

function App() {
  return (
    <div>
      <ComponentA />
      <ComponentB selected={selected} />
    </div>
  );
}