#函数: forwardRef()

forwardRef<T, P = { }>(render: ForwardRefRenderFunction<T, PropsWithoutRef<P>>): ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>

让你的组件通过 ref 向父组件 暴露一个 DOM 节点。

#类型参数

#参数

#返回

ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>

#参阅

• React Docs
• React TypeScript Cheatsheet

#示例

interface Props {
  children?: ReactNode;
  type: "submit" | "button";
}

export const FancyButton = forwardRef<HTMLButtonElement, Props>((props, ref) => (
  <button ref={ref} className="MyClassName" type={props.type}>
    {props.children}
  </button>
));