Como dijo Nizar, verificación condicional simple en 'var' en useEffect

Si el cálculo es caro, puedes

 const expensiveValue = useMemo(() => { // other logic here if needed // could even be simple return var=='x'?true:false, although this would be easier to do in the useEffect hook? return computeExpensiveValue(var); },[var]); useEffect(() => { //do things //expensiveValue only changes when you want it to from the memo }, [expensiveValue])

Gracias sambomartin y Nizar por tu aporte.

Para todos los que buscan una respuesta: después de investigar un poco más, encontré 3 posibles soluciones:

1. Utilice un componente de clase. Si realmente depende de que se complete esa actualización de estado, cambie a un componente de clase, lo que le permite devolver la llamada a setState() como segundo parámetro.
2. Use el useRef para determinar de dónde proviene la actualización de su estado. Puede usar esta información en el método useEffect() .
3. Independizarse del estado. Usé esta solución y externalicé mi función de devolución de llamada con el inconveniente de darle todos los parámetros en cada llamada, aunque están presentes en el componente donde se guardan los estados.

Hasta donde yo sé, useEffect solo se activa si el valor de dependencia cambia , no simplemente al ejecutar setValue.

Te ofrezco tres soluciones, la primera, cercana a lo que quieres pero sin usar useEffect hook, la segunda es una extensión de la primera, que puede ser necesaria si necesitas controlar el estado anterior, y la tercera, más en general, como dicen los comentarios, aunque no se activará si el estado es el mismo, incluso si ejecuta setValue .

1. Primera solución: envuelva su valor establecido con otra función que definitivamente controle lo que puede suceder después o antes del nuevo estado:

 export default function MyComponent() { const [state, setState] = useState(null); const handleChangeSetState = (nextState, flag) => { if (flag) { specialUseCaseCb(); } setState(nextState); }; return <div>{/* ... */}</div>; }

2. Segunda solución: envuelva su valor establecido con otra función, como en la solución 1, y solicite el estado anterior o siguiente dentro de la devolución de llamada interna de setState:

 export default function MyComponent2() { const [state, setState] = useState(0); const handleChangeSetState = (increment, flag) => setState((prevState) => { const nextState = prevState + increment; // you may need prevState or nextState for checking your use case if (flag) { specialUseCaseCb(); } return nextState; }); return <div>{/* ... */}</div>; }

3. Tercera solución: use el gancho useEffect para seguir los cambios , pero recuerde que setState no volverá a activar el gancho useEffect si el estado es el mismo:

 export default function MyComponent3() { const [state, setState] = useState(""); // notice that this will only be triggered if state changes useEffect(() => { if (state !== "my-special-use-case") return; specialUseCaseCb(); }, [state]); return <div>{/* ... */}</div>; }