He declarado una variable como
const [listRealm, setListRealm] = useState([ { value: null, label: 'select one', }, ]); const findList= async () => { await axios.get(`${apiUrl}`).then(resp => { resp.data.map(res => { setListRealm(listRealm => [...listRealm, { value: res.id, label: res.name}]); // error here }); }); }; useEffect(() => { findList(); }, []);
Ahora mi problema es que recibo un error:
'listRealm' ya está declarado en el ámbito superior @typescript-eslint/no-shadow
No entiendo cómo puedo cambiar el nombre de la variable, teniendo en cuenta que estoy configurando esta variable.
¿Como lo puedo hacer? gracias
El nombre que usa en la devolución de llamada setListRealm
puede ser el que desee, por lo que puede convertirlo en previouslistRealm
o algo así:
setListRealm(previousListRealm => [...previousListRealm, { value: res.id, label: res.name}]);
No tiene que coincidir con el nombre de la constante en la que ha puesto el valor de useState
.
setListRealm(listRealm <-- Puede nombrarlo aquí.