将useState的状态分配给文本类型(HTMLSelectElement)时出现问题

const [selectedValue, setSelectedValue] = useState(1);

// 将selectedValue状态值转换为字符串并赋值给HTMLSelectElement的value属性
<select value={selectedValue.toString()} onChange={handleChange}>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>

const [selectedValue, setSelectedValue] = useState(1);

// 定义onChange事件处理函数
const handleChange = (event) => {
  const selectedOption = event.target.value;
  setSelectedValue(parseInt(selectedOption)); // 更新选中的状态值
};

// 将selectedValue状态值转换为字符串并赋值给HTMLSelectElement的value属性
<select value={selectedValue.toString()} onChange={handleChange}>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>