Skip to content

Commit 3128690

Browse files
authored
perf: memo onMouseEnter、onMouseLeave (#1061)
* perf: memo onMouseEnter、onMouseLeave * chore: useCallback -> useEvent
1 parent b0b072c commit 3128690

File tree

1 file changed

+5
-4
lines changed

1 file changed

+5
-4
lines changed

src/Cell/index.tsx

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@ import type {
1414
} from '../interface';
1515
import useCellRender from './useCellRender';
1616
import useHoverState from './useHoverState';
17+
import { useEvent } from 'rc-util';
1718

1819
export interface CellProps<RecordType extends DefaultRecordType> {
1920
prefixCls?: string;
@@ -153,21 +154,21 @@ function Cell<RecordType>(props: CellProps<RecordType>) {
153154
// ====================== Hover =======================
154155
const [hovering, onHover] = useHoverState(index, mergedRowSpan);
155156

156-
const onMouseEnter: React.MouseEventHandler<HTMLTableCellElement> = event => {
157+
const onMouseEnter: React.MouseEventHandler<HTMLTableCellElement> = useEvent(event => {
157158
if (record) {
158159
onHover(index, index + mergedRowSpan - 1);
159160
}
160161

161162
additionalProps?.onMouseEnter?.(event);
162-
};
163+
});
163164

164-
const onMouseLeave: React.MouseEventHandler<HTMLTableCellElement> = event => {
165+
const onMouseLeave: React.MouseEventHandler<HTMLTableCellElement> = useEvent(event => {
165166
if (record) {
166167
onHover(-1, -1);
167168
}
168169

169170
additionalProps?.onMouseLeave?.(event);
170-
};
171+
});
171172

172173
// ====================== Render ======================
173174
if (mergedColSpan === 0 || mergedRowSpan === 0) {

0 commit comments

Comments
 (0)