在react hooks表单中提交并重置文本区域后，如何保持/持久化选定的下拉值

import React, { useState } from 'react';

const MyForm = () => {
  const [selectedValue, setSelectedValue] = useState('');

  // 其他代码...

  return (
    <div>
      {/* 下拉框 */}
      <select
        value={selectedValue}
        onChange={(e) => setSelectedValue(e.target.value)}
      >
        {/* 下拉选项 */}
        <option value="option1">选项1</option>
        <option value="option2">选项2</option>
        <option value="option3">选项3</option>
      </select>

      {/* 其他表单元素 */}
      {/* ... */}
    </div>
  );
};

export default MyForm;

import React, { useState } from 'react';

const MyForm = () => {
  const [selectedValue, setSelectedValue] = useState('');
  const [textValue, setTextValue] = useState('');

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

    // 执行表单提交操作，包括文本区域和选定的下拉值
    console.log('文本区域值:', textValue);
    console.log('选定的下拉值:', selectedValue);

    // 重置表单
    setSelectedValue('');
    setTextValue('');
  };

  return (
    <form onSubmit={handleSubmit}>
      <div>
        {/* 下拉框 */}
        <select
          value={selectedValue}
          onChange={(e) => setSelectedValue(e.target.value)}
        >
          {/* 下拉选项 */}
          <option value="option1">选项1</option>
          <option value="option2">选项2</option>
          <option value="option3">选项3</option>
        </select>
      </div>

      <div>
        {/* 文本区域 */}
        <textarea
          value={textValue}
          onChange={(e) => setTextValue(e.target.value)}
        ></textarea>
      </div>

      <button type="submit">提交</button>
    </form>
  );
};

export default MyForm;