Hola, hice una lista antd simple donde el usuario puede agregar, eliminar la lista de edición. Pero el problema es que cuando agrego, edito la lista, todo funciona como debería. Pero cuando elimino un elemento de una lista, siempre elimino el último elemento de una lista. Aunque puedo eliminar cualquier elemento.
const [employeeList, setEmployeeList] = useState([]) <List dataSource={employeeList} renderItem={(item, index) => ( <List.Item id='listItem' > <Input id='listItem-input' defaultValue={item.name} onChange={(i) => { employeeList[index].name = i.target.value setEmployeeList(answerList) }} /> <span className='removeItem' onClick={() => { let newList = setEmployeeList newList[index] = undefined setEmployeeList(newList.filter(e => e)) }} > <CloseOutlined/> </span> </List.Item> )} />Revisé que los elementos de la consola en el estado se eliminen, aunque aún permanecen en item.list
Resulta que tuve que usar una llave. List.Item no estaba registrando cambios sin claves y solo estaba eliminando el último elemento, en cualquier cambio.
<List.Item id='listItem' key={item.answer} >