在 antd 中獲取 select 組件的名稱

Question

我無法在 antd 中獲取 select 組件的名稱以在 onchange 中使用 handleInputChange function 所以我嘗試在 onchange 中設置 setState 並添加到 ZA8CFDE6331BD59EB2AC96F8911C4B6666

更新

const handleInputChange = (e) => {
    const name = e.target.name;
      const value = e.target.value;
      setNewCommodityAndService({ ...newCommodityAndService, [name]: value });
    }
  }; 

<Form.Item label="service">
    <Select
      onChange={handleInputChange}
      fieldNames="goods_group_id"
      placeholder="select"
      id="test"
    >
      {allCommodityAndServicesGroup?.map((commodityAndService) => {
        return (
          <Option value={commodityAndService.id}>{commodityAndService.name}</Option>
        )
      })
      }
    </Select>
   </Form.Item>

Answer 1

您錯誤地設置了 onChange 道具。 你在道具中調用它，而不是你只需要設置道具。

 <Select
  onChange={handleInputChange}
  fieldNames="goods_group_id"
  placeholder="select"
  id="test"
>