fix(table): Sortable 组件提取到外部防止不必要的页面重建 (ant-design#6246)

hsbtr · Nov 28, 2022 · 9247c4a · 9247c4a
1 parent 4311872
commit 9247c4a
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/packages/table/src/utils/useDragSort.tsx b/packages/table/src/utils/useDragSort.tsx
@@ -11,13 +11,14 @@ export interface UseDragSortOptions<T> {
   components?: TableComponents<T>;
   rowKey: any;
 }
+
+const SortableItem = SortableElement((p: any) => <tr {...p} />);
+const SortContainer = SortableContainer((p: any) => <tbody {...p} />);
+
 export function useDragSort<T>(props: UseDragSortOptions<T>) {
   const { dataSource = [], onDragSortEnd, dragSortKey } = props;
 
   // 拖拽排序相关逻辑
-  const SortableItem = SortableElement((p: any) => <tr {...p} />);
-  const SortContainer = SortableContainer((p: any) => <tbody {...p} />);
-
   /* istanbul ignore next */
   const handleSortEnd = useRefFunction((params: SortDataParams) => {
     /* istanbul ignore next */