reactjs中的单选按钮onclick事件

import React, { useState } from 'react';

function App() {
  const [selectedOption, setSelectedOption] = useState('');

  const handleOptionChange = (event) => {
    setSelectedOption(event.target.value);
  }

  return (
    <div>
      <input
        type="radio"
        name="option"
        value="option1"
        checked={selectedOption === 'option1'}
        onChange={handleOptionChange}
      />
      <label>Option 1</label>

      <input
        type="radio"
        name="option"
        value="option2"
        checked={selectedOption === 'option2'}
        onChange={handleOptionChange}
      />
      <label>Option 2</label>

      <input
        type="radio"
        name="option"
        value="option3"
        checked={selectedOption === 'option3'}
        onChange={handleOptionChange}
      />
      <label>Option 3</label>
    </div>
  );
}

export default App;