En AngularJS, observo cambios como este.
$scope.$watch("rateMode", function (newVal, oldVal) { if (newVal != oldVal && timeRange != "") { if (typeof $scope.onRateCallback != undefined) { $scope.onRateCallback($scope.chartDataObject, newVal); } updateChart(timeRange); } }, true );¿Cómo puedo hacerlo en ReactJS?
Para ver los cambios en React mientras el componente se está procesando, puede usar useEffect hook
useEffect toma dos argumentos, el primero es la función de devolución de llamada y el segundo es la matriz de dependencia .
En la función de devolución de llamada, escribe lo que desea hacer cada vez que se ejecuta este useEffect. Y en la matriz de dependencia, pasa el estado o los accesorios, y cada vez que cambian las variables pasadas en la matriz de dependencia, se ejecuta el useEffect nuevamente.
import React, { useState, useEffect } from 'react'; function Example() { const [count, setCount] = useState(0); // Here, useEffect runs on first render and after whenever count is changed useEffect(() => { document.title = `You clicked ${count} times`; }, [count]); return ( <div> <p>You clicked {count} times.</p> <button onClick={() => setCount(count + 1)}> Click me </button> </div> ); }A partir de la pregunta, parece que necesita actualizar la interfaz de usuario según los cambios en el código. Intente usar un useState en React.
const [rateMode, setRateMode] = useState();y use la variable rateMode para renderizar. Cuando se llama a setRateMode y el modo de tasa se actualiza, la interfaz de usuario generará los cambios.
si tiene una variable o useState y desea ver eso, use
useEffect hook