Reactjs 在不保存到状态的情况下获取选定标签？

Hello在尝试使用useState添加项目并根据我选择的内容同时呈现之后，现在我有点困惑如何显示标签，因为我只将id保存到状态以提交给API

以下是我的选择选项：

const medicine = [
  { id_obat: '123', label: 'Amoxcilin 300mg' },
  { id_obat: '321', label: 'Ibuprofen 500ml' }
];

              <Input
                type="select"
                name="id_obat"
                value={id_obat}
                onChange={onChange}
              >
                <option value="" hidden>
                  Select&hellip;
                </option>
                {medicine.map(med => (
                  <option key={med.id_obat} value={med.id_obat}>
                    {med.label}
                  </option>
                ))}
              </Input>

正如您所看到的，我只保存了id_obat，但同时我呈现了已经选择并添加到数组中的项目。我知道如果不同时显示标签，但我不知道

以下是我如何渲染所选项目：

          <p>{' Medication List'}</p>
          <hr />
          <Col style={{ maxHeight: '240px', overflowY: 'auto' }}>
            {values.map((value, idx) => (
              <Card key={idx}>
                <CardBody>
                  <h6>
                    {value.id_obat}
                    <small>{' qty: ' + value.kuantitas}</small>
                    <br />
                    <small>{value.cara_pakai}</small>
                  </h6>
                </CardBody>
              </Card>
            ))}

{‘药物清单}


{values.map（（value，idx）=>(
{value.id_obat}
{'数量：'+value.kuantitas}


{value.cara_pakai}
))}

---

现在我想知道如何在不向状态添加标签的情况下呈现所选项目标签。因为我只保存id值。老实说，我现在无法思考：）

你能创建一个代码沙盒示例来重现你的问题吗。。您可以尝试

value={med}

而不是

value={med.id\u obat}

。通过这种方式，您可以在状态中保存id和标签。让我知道这是否有效

          <p>{' Medication List'}</p>
          <hr />
          <Col style={{ maxHeight: '240px', overflowY: 'auto' }}>
            {values.map((value, idx) => (
              <Card key={idx}>
                <CardBody>
                  <h6>
                    {value.id_obat}
                    <small>{' qty: ' + value.kuantitas}</small>
                    <br />
                    <small>{value.cara_pakai}</small>
                  </h6>
                </CardBody>
              </Card>
            ))}