我如何 select JavaScript 下拉列表中的第一个值

Question

我有一个对象数组我正在通过 .map() 函数填充数据我想 select 默认情况下我的下拉列表的第一个值并且还需要获取第一个选项属性值。我非常努力但没有找到具体的解决方案。有人可以帮助我如何实现我的目标吗？

代码

  <select className="form-control input-box" {...input} required>
    <option>Select Manager</option>
    {managerList.map((item, index) => (
      <option
        value={item.id}
        managerZoneId={item.zoneId}
        key={item.id}

      >
        {item.firstName + " " + item.lastName}
      </option>
    ))}
  </select>

Answer 1

<select className="form-control input-box" {...input} required
   defaultValue={managerList[0].id} // Add this line
>
    <option>Select Manager</option>
    {managerList.map((item, index) => (
      <option
        value={item.id}
        managerZoneId={item.zoneId}
        key={item.id}

      >
        {item.firstName + " " + item.lastName}
      </option>
    ))}
  </select>