Question

Views

Is there a way to get notified when ref.current changes in React ? Like the code below.

const ref = useRef(0);

// pseudo code
ref.addCallback((newValue)=> {
  // notified
});

ref.current = 1; // triggers the notification.

about 4 years ago · Santiago Trujillo

Answer question

Answer 1 · 2022-08-26T20:24:58.790Z

You can make use of the useCallback hook like so:

const onChange = useCallback(value => {
   if(value) {
      // do whatever you want
   }
}, []);

And pass the function to the ref ref prop:

<div ref={onChange}></div>

Note that this does not trigger rerendes yet. You would need to set value to a state.

Answer 2 · 2022-08-26T20:24:58.813Z

You can use a library like Observable Slim

Here is an example of how you would use it:

ObservableSlim.create(ref.current, true, function(changes) {
    console.log(JSON.stringify(changes));
});