当单选按钮被触发时，我想将过滤后的产品数据发送到React中的另一个组件。

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

const ParentComponent = () => {
  const [filteredData, setFilteredData] = useState([]);

  const handleRadioButtonChange = (event) => {
    // 根据单选按钮的选择状态进行产品数据的过滤
    const filteredProducts = /* 进行产品数据过滤的逻辑 */;
    setFilteredData(filteredProducts);
  };

  return (
    <div>
      {/* 单选按钮 */}
      <input type="radio" name="filter" onChange={handleRadioButtonChange} />

      {/* 子组件 */}
      <ChildComponent filteredData={filteredData} />
    </div>
  );
};

export default ParentComponent;

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

const ChildComponent = ({ filteredData }) => {
  return (
    <div>
      {/* 使用过滤后的产品数据进行展示或其他操作 */}
      {filteredData.map((product) => (
        <div key={product.id}>{product.name}</div>
      ))}
    </div>
  );
};

export default ChildComponent;