如何在分组框内的单选按钮中使用错误提供程序？

import React, { useState } from 'react';

const RadioButtonGroup = () => {
  const [selectedOption, setSelectedOption] = useState('');

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

  const handleSubmit = (event) => {
    event.preventDefault();

    if (selectedOption === '') {
      // 显示错误提示，提示用户选择一个选项
    } else {
      // 处理选项的其他逻辑
    }
  };

  return (
    <form onSubmit={handleSubmit}>
      <fieldset>
        <legend>请选择一个选项：</legend>
        <label>
          <input
            type="radio"
            name="option"
            value="option1"
            checked={selectedOption === 'option1'}
            onChange={handleOptionChange}
          />
          选项1
        </label>
        <label>
          <input
            type="radio"
            name="option"
            value="option2"
            checked={selectedOption === 'option2'}
            onChange={handleOptionChange}
          />
          选项2
        </label>
        {/* 其他单选按钮 */}
      </fieldset>
      <button type="submit">提交</button>
    </form>
  );
};

export default RadioButtonGroup;