probleme de rafraichissement de la liste des projet apres l'update

[BorisTherin]

lorsque que l'on edite un projet, la liste des projets devient vide

[Jean-Baptiste-Lasselle]

Ok, là j'ai juste commenté la ligne qui fait le dispatch pour Update un project (mode édition), et j'ai exactement le comportement que l'on veut, avec un state lié au projet:

• si j'édite un projet, exemple je change son nom
• et que je clique le bouton "update",
• alors la liste ne bouge pas, la card du projet repase comme voulu, enm ode readonly, et en plus avec les valeurs éditées
• mais évidemment, les valeurs éditées ne sont pas mises à jru dans la base de données mongo: si je fais F5, byebye les modifs éditées

Pour reproduire cet exact état (NE PAS COMMIT FAIR DE COMMIT APRES AVOIR REPRODUIT COMME INDIQUE CI-DESSOUS) :

export DESIRED_VERSION="99c85a2ded067f857fc166406edf32b51e6f1b52"

git clone git@github.com:3forges/poc-preact-rtk-flowbite ./pourvoir/
cd ./pourvoir/
git checkout "${DESIRED_VERSION}"

pnpm i && pnpm run dev

[Jean-Baptiste-Lasselle]

[BorisTherin]

[Jean-Baptiste-Lasselle]

https://stackoverflow.com/questions/61892626/redux-toolkit-state-change-in-extrareducer-does-not-initiate-rerender

[Jean-Baptiste-Lasselle]

useEffect ça s'exécute tjrs après le render :

• c pour ca qu'il faut y revenir à deux fois,
• parce que le clic sur le bouton update ne déclenche pas de render de la liste entière (ce qu'on voulait):
• et dc le useEffect n'est pas déclenché après le clic sur le btn update
• qd on clic ensuite sur le menu projects: à ce moment là le render de la page projects se fait, et seulement APRES, le useEffect se fait, ce qui met alors seulement, le store.

Conclusion: au clic sur le bouton update;, on est bel et bien obligé de faire un dispatch, c'estl a bonne manière de faire, pour ne pas déclencher le refresh de la liste des projets, au moment du clic sur le bouton update.

Autre leçon: du coup, lorsque l'on déclenche le dispatch(RequestPestoProjets), on met à jour le store, mais sa mise à jour ne déclenche pas de refresh de la liste eds projets, même s'il y a le const requestOutPut = useAppSelector()