Javascript 从动态单选按钮组获取值并将其存储在react状态

大家好，我正在尝试获取多个radioButton组中的radioButton值，是什么让我更难从后端动态获取radioButton组的结构下面的代码解释了这种情况

import React from 'react';

export default function Formule({ formule }) {
  const [dishes, setdishes] = useState([]);

  const handleChange = (e) => {
    console.log(e.target.value);
  };

  return (
    <Stack>
      {formule.categories.map((category) => (
        <>
          <Heading color="gray.600" mb="2" mt="2" size="lg">
            {category.name}
          </Heading>
          <RadioGroup onChange={(e) => handleChange(e)}>
            {category.plates.map((plate) => (
              <Radio name={plate.name} value={plate.name}>
                {plate.name}
              </Radio>
            ))}
          </RadioGroup>
         //// i dont  know how many radio groups ill be getting coz its dynamic
        </>
      ))}
    </Stack> 
  );
}

从“React”导入React；
导出默认函数公式（{Formule}）{
const[disks，setdisks]=useState（[]）；
常数handleChange=（e）=>{
console.log（如target.value）；
};
返回(
{formule.categories.map（（category）=>(
{category.name}
handleChange（e）}>
{category.plates.map（（plate）=>(
{plate.name}
))}
////我不知道会有多少广播电台，因为它充满活力
))}
);
}

我的任务是从每个组中只选择一个单选按钮值，并将其添加到状态数组和honeslty中。我不知道如何做，因为我以前没有处理动态单选按钮，也没有处理强制您只选择一个单选按钮值的不同组。 非常感谢您的帮助

您可以使用该组件。