Discussion :

[Ushuango]

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 javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

[-Nikopol-]

Salut, je pense que plutot que de t'acharner a faire un patch sur cette erreur, tu devrais voir pourquoi tu l'as.
Je pense que c'est le use effect dans une boucle for.
tu lances plusieurs requetes asynchrone avec un usestate a chaque fois, je pense que c'est la que ca coince. Ce n'est pas la philosophie de react.
tu devrais lancer un useeffect qui va fetch toutes les données dont tu as besoin et après tu geres tes select. tu devra peut etre revoir ton api mais je n'ai jamais vu de useeffect dans une boucle for

[Ushuango]

Merci ,

du coup, je vais peut-être commencer par mettre le for dans le useEffect... !
Ce qui me donne le même résultat. Et pour stopper les requêtes: un return dans le useEffect.

Je vais tenter dès que j'aurai le temps.

Laurent.

[Ushuango]

Bonjour, il y a du nouveau:

- je fais mon for dans le useEffect
- je récupère avec ce for les données dans un objet datas
- puis ( toujours dans le useEffect ) une fois la boucle terminée, je modifie mes options via setOptions avec l'objet datas
- je me sers du abortCotroller comme prévu et ça fonctionne

La console indique Uncaught (in promise) DOMException: The operation was aborted.
Merci !