Hola chicos estoy recibiendo esta advertencia
React Hook useEffect tiene dependencias faltantes: 'financialBackground' y 'setFinancialBackground'. Inclúyalos o elimine la matriz de dependencia. Si 'setFinancialBackground' cambia con demasiada frecuencia, busque el componente principal que lo define y envuelva esa definición en useCallback react-hooks/exhaustive-deps
Este es mi Código para useEffect.
useEffect(() => { if ((pastRevYear, pastRev)) { let objRev; objRev = { pastRevYear, pastRev }; let input = []; const check = { ...financialBackground }; for (let i in check) { const item = check[i]; if (i === "pastRev") { for (let j in item) { const jitem = item[j]; if (jitem) { input.push(jitem); } } } } input = [...input, objRev]; setFinancialBackground({ ...financialBackground, pastRev: input, }); } }, [pastRev, pastRevYear]);Definí useState así en el componente principal.
const [financialBackground, setFinancialBackground] = useState({ fundingMethod: props.data ? props.data.financialBackground.fundingMethod : "", otherFundingMethod: props.data ? props.data.financialBackground.otherFundingMethod : "", pastRev: props.data ? props.data.financialBackground.pastRev : "", pastExp: props.data ? props.data.financialBackground.pastExp : "", });Si pongo setFinancialBackground en Dependencia Array, vuelve a representar el estado varias veces.
Esto se debe a que no está utilizando las dependencias en useEffect hook. Está cambiando el fondo financiero y, por lo tanto, debe agregarse al gancho useEffect como se muestra a continuación
useEffect(() => { if ((pastRevYear, pastRev)) { let objRev; objRev = { pastRevYear, pastRev }; let input = []; const check = { ...financialBackground }; for (let i in check) { const item = check[i]; if (i === "pastRev") { for (let j in item) { const jitem = item[j]; if (jitem) { input.push(jitem); } } } } input = [...input, objRev]; setFinancialBackground({ ...financialBackground, pastRev: input, }); } }, [pastRev, pastRevYear, setFinancialBackground, financialBackground]);No se siente bien que el niño esté actualizando el valor principal de esta manera.
Prueba en su lugar:
useEffect(() => { if ((pastRevYear, pastRev)) { // get objRev setRev(objRev); } }, [pastRev, pastRevYear, setRev]); const financialBackground = useRef(); const [rev, setRev] = useState(); useEffect(() => { // do the rev check here on financialBackground.current then financialBackground.current = /* ... */ }, [rev]); ```