在react中抓取选定的单选按钮值

import React, { useState } from 'react';

function MyComponent() {
  const [selectedValue, setSelectedValue] = useState('');

  const handleRadioChange = (event) => {
    setSelectedValue(event.target.value);
  };

  return (
    <div>
      <label>
        <input
          type="radio"
          value="option1"
          checked={selectedValue === 'option1'}
          onChange={handleRadioChange}
        />
        Option 1
      </label>
      <label>
        <input
          type="radio"
          value="option2"
          checked={selectedValue === 'option2'}
          onChange={handleRadioChange}
        />
        Option 2
      </label>
    </div>
  );
}

function MyComponent() {
  // ...

  const handleButtonClick = () => {
    console.log(selectedValue);
    // 执行其他逻辑操作
  };

  return (
    <div>
      {/* 单选按钮的定义 */}
      {/* ... */}

      {/* 使用选中的单选按钮值 */}
      <button onClick={handleButtonClick}>获取选中的值</button>
    </div>
  );
}