Stopper une requête avec AbortController
Bonjour,
je souhaiterais stopper une requête, car celle-ci se termine une fois le composant démonté et donc , je ne peux pas mettre à jour ce composant.
Mais mon cas est peut-être différent, dans mon composant j'ai ce code:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14
| if (fields['select']) {
for (const select of fields["select"]) {
useEffect ( () => {
fetch('api/' + select["table"])
.then( response => response.json())
.then(
result => {
setOptions( state => ({...state, [select["primaryEntity"]]: extractDatasSelect(result["hydra:member"])}))
},
error => setError(error)
)
}, [])
}
} |
je place mon const controller : useRef(new AbortController()) avant mon if.
Puis le useEffect( () => () => controller.current.abort(), []) parès.
Et enfin, le signal dans mon fetch: {signal: controller.current.signal}
Et tout ça ne donne aucun résultat.
Pourtant , il devrait se passer quelque chose !