如果两个单选按钮具有相同的值，请选择第一个单选按钮打开页面

<input type="radio" name="option" value="value1" checked> Option 1
<input type="radio" name="option" value="value1"> Option 2

<script>
    // 在页面加载时设置第一个单选按钮为选中状态
    document.querySelector('input[name="option"][value="value1"]').checked = true;
</script>

import React, { useState } from 'react';

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

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

  // 在组件渲染时设置第一个单选按钮为选中状态
  useEffect(() => {
    setSelectedOption('value1');
  }, []);

  return (
    <div>
      <input
        type="radio"
        name="option"
        value="value1"
        checked={selectedOption === 'value1'}
        onChange={handleOptionChange}
      />
      Option 1
      <input
        type="radio"
        name="option"
        value="value1"
        checked={selectedOption === 'value2'}
        onChange={handleOptionChange}
      />
      Option 2
    </div>
  );
}