on按钮返回id以显示特定的json react js

<button onClick={handleClick}>点击按钮</button>

const [id, setId] = useState("");

const handleClick = () => {
  setId("特定的id值");
};

const jsonData = {
  id1: { name: "数据1", value: "值1" },
  id2: { name: "数据2", value: "值2" },
  // ...
};

const data = jsonData[id] || {}; // 根据id获取对应的JSON数据

return (
  <div>
    <button onClick={handleClick}>点击按钮</button>
    <p>{data.name}</p>
    <p>{data.value}</p>
  </div>
);