Tengo problemas para entender el estado de reacción. Estoy presionando un objeto al hacer clic en un botón tomando múltiples valores de los campos de entrada en la matriz. onClick of button debería mostrar el estado más reciente, pero muestra los valores de entrada anteriores del formulario. ¿Cómo podría resolver este problema?
let addToList = ()=>{ let data={}; data.component=returnCmpName(SelCom); data.question=question; switch(SelCom){ case 1 : case 2: data.required=checked; data.errorMessage=errorMessage; break; case 3 : case 4 : case 5: data.options=NewList.slice(); break; case 6: data.fileAllowed=fileAllowed; data.fileLimit=fileLimit; break; case 7: break; case 8: break; default:break; } rendcompState(prevData=>[data,...prevData]) console.log(rendComp) }El código que publicaste es un poco vago,
pero parece que está intentando registrar el estado justo después de configurarlo.
Establecer un estado en React es una acción asíncrona, lo que significa que se ejecuta en segundo plano mientras continúa el bloque de código.
Básicamente, esto significa que cuando intenta iniciar sesión, el estado aún no ha terminado de establecerse.
Lo que puede hacer en su lugar, es usar el gancho useEffect incorporado de React,
que puede tomar una matriz de dependencias y ejecutar una función de devolución de llamada una vez que cualquiera de esas dependencias haya cambiado de valor.
Debería verse así:
useEffect(() => { console.log(state); }, [state]); Simplemente agregue este gancho en su componente de función,
y el console.log solo se ejecutará una vez que el estado haya terminado de actualizarse.