强制浅层的 ref 发生改变时触发响应式。customRef(factory): 自定义 ref 对象，可以显式地追踪某个值的响应式变化。

在React中，`ref` 是一种特殊类型的变量，用于获取并直接操作DOM元素。通常情况下，`ref` 的值不会自动变为响应式的，即当其指向的DOM元素发生变化时，组件不会重新渲染。但是，`customRef` 函数允许你创建自定义的`ref`实例，它可以让你明确地控制何时以及如何跟踪某个值的变化，并将其视为响应式。

当你通过`customRef`工厂函数创建一个`ref`，并将其关联到一个特定的数据源（如state或props），你可以手动设置这个`ref`去监听数据源的变化。例如，如果你有一个计算属性或者异步加载的数据，你可以设置`ref.current`等于该值，并利用`useEffect`或其他手段来监视这个值，当它更新时，`customRef`会触发一次组件的更新，使得UI随之调整。

举个例子：

import { customRef } from 'your-utils';

function MyComponent({ myData }) {
  const valueRef = customRef(myData); // 监听myData的变化

  useEffect(() => {
    // 当valueRef对应的值改变时，这里会被触发
    console.log('Value changed:', valueRef.current);
  }, [valueRef]);

  return <div ref={valueRef}>Hello, {valueRef.current}</div>;
}

// 使用时，myData的变化将导致MyComponent重新渲染