如何在反应中获取选择下拉列表的映射选项的值？

Question

我有一个option 的列表，我是从 API 获取的。我正在使用.map()，当我更改选项时，我想要特定的选项对象，以便可以将其存储在 redux 存储中。

            <select
              onChange={() => handleChange()}
              className="pl-2 bg-white font-medium border-none"
            >
              {outlets.map((outletItem) => (
                <option key={outletItem.outlet_id} value={outletItem.outlet_id}>
                  {outletItem.name}
                </option>
              ))}
            </select>

这里，outlets 是来自 API 的数组。当我进行更改时，我想要数组的特定值。
处理变化（）

  const handleChange = () => {
    dispatch(addSelectedOutlet(outlets));
  };

Answer 1

你需要捕捉 onChange 的值

onChange={(e) => handleChange(e)}

然后

const handleChange = (e) => {
  console.log(e.target.value)
};