javascript - 当 React 中 ref.current 发生变化时收到通知

Question

当 React 中 ref.current 发生变化时，有没有办法收到通知？就像下面的代码一样。

const ref = useRef(0);

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

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

Answer 1

您可以使用useCallback像这样 Hook :

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

并将函数传递给 ref ref 属性:

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

请注意，这还不会触发重新渲染。您需要将 value 设置为状态。