我想使用来自JSON文件的数据作为我的单选按钮的标签(原生反应)

[
  {
    "id": 1,
    "label": "Option 1"
  },
  {
    "id": 2,
    "label": "Option 2"
  },
  {
    "id": 3,
    "label": "Option 3"
  }
]

import React, { useState, useEffect } from 'react';

const MyComponent = () => {
  const [options, setOptions] = useState([]);

  useEffect(() => {
    fetch('data.json')
      .then(response => response.json())
      .then(data => setOptions(data))
      .catch(error => console.error(error));
  }, []);

  return (
    <div>
      {options.map(option => (
        <label key={option.id}>
          <input type="radio" name="option" value={option.id} />
          {option.label}
        </label>
      ))}
    </div>
  );
};

export default MyComponent;