我怎样才能分开这两个值

Question

表格选项：

<Form.Group className="mb-3">
        <Form.Select
          as="select"
          onChange={(e) => {
            setCodigos(e.target.value);
          }}
     >
          <option value="">Código de Manutenção</option>
          {dataCodigos.map((doc) => (
            <option
              key={doc.id}
              value={`${doc.codigo} - ${doc.observacoes}`}
           
            >
              {`${doc.codigo} - ${
                doc.observacoes ? doc.observacoes : "Sem Observação"
              }`}
            </option>
          ))}
        </Form.Select>
      </Form.Group>

我 map 来自 firebase 的选项，我想单独保存 doc.codigo 和 doc.observacoes。 这样我把数据保存在一起

value={`${doc.codigo} - ${doc.observacoes}`} 

setCodigos(e.target.value)

Answer 1

onChange 事件需要使用 split 方法。 下面是代码

<select className="form-control form-control-sm"
      onChange={(e) => {
      var arr = e.target.value.split("-");
      setCodigos({codigo: arr[0],observacoes: arr[1]});
 }}
>