reactjs - 流类型 React ref 回调和 createRef

Question

class Component extends React.Component<ComponentProps> {
  // ...magic
  elementRef = React.createRef();

  render() {
    return this.props.children(this.elementRef);
  }
}

这是我拥有的一个组件。它基本上将 ref 回调传递给 child 。然后像这样使用

<Component>
  {elementRef => (
    <div ref={elementRef} />
  )}
</Component>

我的Component的目的是让 children 可以将elementRef附加到任何元素。

但是我在正确输入我的组件时遇到了很多麻烦。

我现在在做什么:

type ComponentProps = {
  +children: (
    ref: { current: HTMLDivElement | null } | ((ref: ?HTMLDivElement) => void)
  ) => React.Node,
};

但显然这只适用于div。如果我要在跨度上使用 elementRef 。 Flow 会提示。

那么我应该如何正确输入我的 Component 以便它适用于任何 HTML 元素？

Answer 1

我认为this可能会解决你的问题。文档中尚未包含此内容。

{current: null | React$ElementRef<ElementType>}