acasini/n3wt-school
1
0
Fork 0
mirror of https://git.v0id.ovh/n3wt-innov/n3wt-school.git synced 2026-01-29 16:03:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: boucle inifinie dans UseEffect

Browse Source
This commit is contained in:
N3WT DE COMPET
2025-05-03 16:27:21 +02:00
parent 330018edfd
commit f3c4284778
1 changed files with 30 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
Front-End/src/components/Inscription/SiblingInputFields.js
View File

@ -11,26 +11,6 @@ export default function SiblingInputFields({
errors,
setIsPageValid,
}) {
useEffect(() => {
// Si siblings est null ou undefined, le valoriser à un tableau vide
if (!siblings || siblings.length === 0) {
setSiblings([]);
}
// Synchroniser siblings avec formData
setFormData((prevFormData) => ({
...prevFormData,
siblings: siblings, // Mettre à jour siblings dans formData
}));
const isValid = siblings.every((sibling, index) => {
return !Object.keys(sibling).some(
(field) => getLocalError(index, field) !== ''
);
});
setIsPageValid(isValid);
}, [siblings, setSiblings, setFormData, setIsPageValid]);
const getError = (index, field) => {
return errors[index]?.[field]?.[0];
@ -53,6 +33,36 @@ export default function SiblingInputFields({
return '';
};
useEffect(() => {
// Si siblings est null ou undefined, l'initialiser à un tableau vide
if (!siblings) {
if (!Array.isArray(siblings) || siblings.length !== 0) {
setSiblings([]); // Éviter de réexécuter inutilement si siblings est déjà []
}
return; // Sortir pour éviter de continuer l'exécution inutilement
}
// Synchroniser siblings avec formData uniquement si nécessaire
setFormData((prevFormData) => {
if (JSON.stringify(prevFormData.siblings) !== JSON.stringify(siblings)) {
return {
...prevFormData,
siblings: siblings, // Mettez à jour siblings dans formData
};
}
return prevFormData; // Évitez une mise à jour inutile
});
// Valider les siblings
const isValid = siblings.every((sibling, index) => {
return !Object.keys(sibling).some(
(field) => getLocalError(index, field) !== ''
);
});
setIsPageValid(isValid);
}, [siblings, getLocalError, setFormData, setIsPageValid]);
const onSiblingsChange = (id, field, value) => {
const updatedSiblings = siblings.map((sibling) => {
if (sibling.id === id) {