我看到 React.forwardRef 似乎是将 ref 传递给子功能组件的认可方式，来自 react 文档：

const FancyButton = React.forwardRef((props, ref) => (
  <button ref={ref} className="FancyButton">
    {props.children}
  </button>
));

// You can now get a ref directly to the DOM button:
const ref = React.createRef();
<FancyButton ref={ref}>Click me!</FancyButton>;

但是，与简单地传递自定义props相比，这样做有什么优势？：

const FancyButton = ({ innerRef }) => (
  <button ref={innerRef} className="FancyButton">
    {props.children}
  </button>
));

const ref = React.createRef();
<FancyButton innerRef={ref}>Click me!</FancyButton>;

我能想到的唯一优势可能是为 refs 提供了一致的 api，但还有其他优势吗？传递自定义props是否会影响渲染时的差异并导致额外的渲染，肯定不会因为 ref 在current字段中存储为可变状态？

例如，假设您想传递多个 refs（这可能表明代码异味，但仍然如此），那么我能看到的唯一解决方案是使用 customRef props。

我想我的问题是使用forwardRef自定义props的value是什么？