在React中,向元素组件传递ref做什么?

我一直认为React中的引用是单向引用。换句话说,我认为如果我这样做了:

const SomeComponent = () => {
  const ref = useRef();
  return <span ref={ref}>abc</span>
}

这个 ref 不会对 <span> 完全它只会让 SomeComponent 访问 <span> 的DOM元素。

然而,我最近发现事实并非如此:ref实际上可以影响它传递到的元素 裁判 传入时间:

const SomeComponent = forwardRef((props, ref) => {
  return <span ref={ref}>abc</span>
});

传入的 裁判 实际上可以使React不渲染子对象( 'abc' 在我的例子中) <span> 。一切正常(没有错误),但渲染为 <span></span> .

所以我希望有人能帮助我理解,通过 裁判 变成一个组件实际上对组件本身做了什么?特别是,什么 裁判 包含对组件渲染的影响?

我试过阅读React文档,但它们似乎没有涵盖这一点,所以我来到了这里。