From 2a91f37c73db88b09ec036214d8f68a5d7d75b91 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=A6=E9=80=8A?= <eason.ym@alibaba-inc.com>
Date: Fri, 14 Jan 2022 17:57:48 +0800
Subject: [PATCH] docs(table): upgrade react-sortable-hoc usage

---
 components/table/demo/drag-sorting-handler.md | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/components/table/demo/drag-sorting-handler.md b/components/table/demo/drag-sorting-handler.md
index 7146d85471c8..31e715b10400 100644
--- a/components/table/demo/drag-sorting-handler.md
+++ b/components/table/demo/drag-sorting-handler.md
@@ -15,11 +15,11 @@ Alternatively you can implement drag sorting with handler using [react-sortable-
 
 ```jsx
 import { Table } from 'antd';
-import { sortableContainer, sortableElement, sortableHandle } from 'react-sortable-hoc';
+import { SortableContainer, SortableElement, SortableHandle } from 'react-sortable-hoc';
 import { MenuOutlined } from '@ant-design/icons';
 import { arrayMoveImmutable } from 'array-move';
 
-const DragHandle = sortableHandle(() => <MenuOutlined style={{ cursor: 'grab', color: '#999' }} />);
+const DragHandle = SortableHandle(() => <MenuOutlined style={{ cursor: 'grab', color: '#999' }} />);
 
 const columns = [
   {
@@ -68,8 +68,8 @@ const data = [
   },
 ];
 
-const SortableItem = sortableElement(props => <tr {...props} />);
-const SortableContainer = sortableContainer(props => <tbody {...props} />);
+const SortableItem = SortableElement(props => <tr {...props} />);
+const SortableBody = SortableContainer(props => <tbody {...props} />);
 
 class SortableTable extends React.Component {
   state = {
@@ -79,14 +79,16 @@ class SortableTable extends React.Component {
   onSortEnd = ({ oldIndex, newIndex }) => {
     const { dataSource } = this.state;
     if (oldIndex !== newIndex) {
-      const newData = arrayMoveImmutable([].concat(dataSource), oldIndex, newIndex).filter(el => !!el);
+      const newData = arrayMoveImmutable([].concat(dataSource), oldIndex, newIndex).filter(
+        el => !!el,
+      );
       console.log('Sorted items: ', newData);
       this.setState({ dataSource: newData });
     }
   };
 
   DraggableContainer = props => (
-    <SortableContainer
+    <SortableBody
       useDragHandle
       disableAutoscroll
       helperClass="row-dragging"