perf: memo onMouseEnter、onMouseLeave (#1061)

* perf: memo onMouseEnter、onMouseLeave * chore: useCallback -> useEvent
react-component · Dec 21, 2023 · 3128690 · 3128690 · vercel · Dec 21, 2023
1 parent b0b072c
commit 3128690
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/Cell/index.tsx b/src/Cell/index.tsx
@@ -14,6 +14,7 @@ import type {
 } from '../interface';
 import useCellRender from './useCellRender';
 import useHoverState from './useHoverState';
+import { useEvent } from 'rc-util';
 
 export interface CellProps<RecordType extends DefaultRecordType> {
   prefixCls?: string;
@@ -153,21 +154,21 @@ function Cell<RecordType>(props: CellProps<RecordType>) {
   // ====================== Hover =======================
   const [hovering, onHover] = useHoverState(index, mergedRowSpan);
 
-  const onMouseEnter: React.MouseEventHandler<HTMLTableCellElement> = event => {
+  const onMouseEnter: React.MouseEventHandler<HTMLTableCellElement> = useEvent(event => {
     if (record) {
       onHover(index, index + mergedRowSpan - 1);
     }
 
     additionalProps?.onMouseEnter?.(event);
-  };
+  });
 
-  const onMouseLeave: React.MouseEventHandler<HTMLTableCellElement> = event => {
+  const onMouseLeave: React.MouseEventHandler<HTMLTableCellElement> = useEvent(event => {
     if (record) {
       onHover(-1, -1);
     }
 
     additionalProps?.onMouseLeave?.(event);
-  };
+  });
 
   // ====================== Render ======================
   if (mergedColSpan === 0 || mergedRowSpan === 0) {