React.js 控制 select 選項（下拉） select 改變值

Question

我有以下代碼，但是當我從下拉列表中更改值時，下拉列表會顯示為Select the status而是將其更改為所選值，即

const [formData, setFormData] = useState({
    title: "",
    status: "",
    priority: "",
    start_date: new Date(),
    due_date: new Date(),
    progress: 0,
    user_id: null,
  });

const task_statuses = ["active", "pending", "inactive", "completed"];

  const setData = (e) => {
    setFormData({ ...formData, [e.target.name]: e.target.value });
  };
    <select onChange={setData} name="status">
      <option value=""> Select Task Status </option>
        {task_statuses.map((status) => {
          return (
            <option key={shortid.generate()} value={status}>
              {capitalizeFirstLetter(status)}
            </option>
          );
        })}
      </select>

我想把它改成選中的選項，做不到請幫忙

請幫忙

Answer 1

因為您沒有設置 select 標簽的 value 屬性

將 value 屬性添加到value={formData.priority}

<select onChange={setData} value={formData.priority} name="status">

謝謝