如何使用分類法實現單選按鈕功能

 
// 構建分類樹
const tree = {
  label: "電影類型",
  children: [
    {
      label: "恐怖電影",
      options: ["活死人歸來", "電鋸驚魂", "寂靜嶺"]
    },
    {
      label: "喜劇電影",
      options: ["神偷奶爸", "三傻大鬧寶萊塢", "香港製造"]
    },
    {
      label: "動作電影",
      options: ["碟中諜5", "絕地逃亡", "摔跤吧！爸爸"]
    }
  ]
};

 
import React from 'react';
<p>export default function RadioButtons({ tree }) {<br>
const renderNode = (node) => {<br>
if (node.options) {<br>
return node.options.map((option) => (<br>
<div key={option}><br>
<input type="radio" name={node.label} value={option} /><br>
<label htmlFor={option}>{option}</label><br>
</div><br>
));<br>
}<br>
return (<br>
<div key={node.label}><br>
<p><strong>{node.label}</strong></p><br>
{node.children.map((child) => renderNode(child))}<br>
</div><br>
);<br>
};</p>
<p>return <div>{renderNode(tree)}</div>;<br>
}<br>