Блог

1. Я хочу получить доступ к идентификатору select в onchange. Я пытаюсь сделать что-то вроде того, что показано ниже . Второй аргумент должен быть объектом в соответствии с документацией
2. Также, как удалить этот конкретный выпадающий список, нажав на удалить

  var arr = [];
        var x = NameCount
        while (x > 0) {
          console.log(x)
           arr.push(
            <div style={{width:"100%" , minWidth:'5px', marginRight:'0.5rem'}} >
              <Select id={x-1} style={{ width: "100%" , minWidth:'5px'}} placeholder="Group name" onChange={(e,{key:id})=>handleGroupByname(e,{key:id})}>
                {dropdown_values.map((y) => (
                  <Option key={y}>{y}</Option>
                ))}
              </Select>
             <span onClick={handleDelete}>delete<span>
            </div>
          );
          x--;
        }
        return arr;
 

Для обмена вы можете сделать:

 const handleGroupByname = (value, selectId) => {
  // do your stuff here
}

...
...

<Select id={x-1} onChange={(value)=>handleGroupByname(value, x-1)}>
...
...
</Select>

 

Для удаления вы можете применить ту же идею

 const handleDelete = (e, id) => {
  // find the id and
  // remove the item from you arr
}
 

<span onClick={(e) => handleDelete(e, x-1)}>delete<span>