时间戳

首页 > 解决方案 > 从选定的标签填充值 react-select

reactjs - 从选定的标签填充值 react-select

问题描述

我正在使用 react-select 从 JSON 中选择数据。每当用户选择标签时，我都需要更新金额（值）字段。

  const aquaticCreatures = [
  { label: 'Shark', value: '500' },
  { label: 'Dolphin', value: '200' },
  { label: 'Whale', value: '600' },
  { label: 'Octopus', value: '800' },
  { label: 'Crab', value: '209' },
  { label: 'Lobster', value: 'test' },
];

状态变量

  const [name, setName] = useState("");
  const [amount, setAmount] = useState("");

并包含输入名称和金额的表格

<div className="form-group">
          <label htmlFor="name">Product name</label>
          <Select
        id="name"
        options={aquaticCreatures}
        onChange={(e) => setName(e.label)}
        //value={name}
      />
        </div>
        <div className="form-group">
          <label htmlFor="AmountField">Amount</label>
          <input
            className="form-control"
            id="amount"
            value={amount}
            //onChange={(e) => setAmount(e.value)}
          />
        </div>

这可能是一个基本的事情，请帮助我！考虑过 refs 但不确定，因为我是新手。

标签： reactjsreact-select

解决方案

推荐阅读