feat(components/layouts): 透出Layout的ref，使它可以外部赋予ref

js-tool-pack · Jun 8, 2023 · e2658b0 · e2658b0
1 parent 98b8862
commit e2658b0
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/packages/components/src/layouts/Layout.tsx b/packages/components/src/layouts/Layout.tsx
@@ -4,20 +4,22 @@ import { getClassNames } from '@tool-pack/basic';
 import { BaseLayoutsProps } from './layout.types';
 
 const rootClass = getComponentClass('layout');
-export const Layout: React.FC<
+export const Layout = React.forwardRef<
+  HTMLElement,
   BaseLayoutsProps & {
     vertical?: boolean;
   }
-> = (props) => {
+>((props, ref) => {
   const { vertical, className, children, ...rest } = props;
   return (
     <section
       {...rest}
+      ref={ref}
       className={getClassNames(rootClass, {
         vertical,
         [className as string]: className,
       })}>
       {children}
     </section>
   );
-};
+});