Tengo el siguiente fragmento de React que no puedo hacer funcionar correctamente. Esencialmente, estoy mostrando un control giratorio basado en el estado de esta llamada onChange (debido a que la actualización a veces demora de 3 a 5 segundos). Sin embargo, la primera llamada para establecer el estado parece pasar desapercibida (o, como estoy investigando, se está agrupando) y, por lo tanto, el estado de carga nunca se actualiza. Esto es parte de un conmutador/interruptor que un usuario puede seleccionar infinitas veces en una página (si lo desea, obviamente).

 const [state, setState] = useState({ loading: false }); const onToggleChange = () => { setState(prevState => { return { ...prevState, loading: true, }; }); console.log("loading1: " + JSON.stringify(state)); // this takes a long time depending on the users actions setFilterMode(!filterChecked); setState(prevState => { return { ...prevState, loading: false, }; }); console.log("loading2: " + JSON.stringify(state)); };

Revisé las preguntas/respuestas actuales (así es como llegué a lo anterior), pero aún no se carga correctamente.