fix(ui): fix useMaxIndex

DevCloudFE · Mar 15, 2022 · 8803c50 · 8803c50
1 parent f3cfaac
commit 8803c50
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/ui/src/hooks/common/useMaxIndex.ts b/packages/ui/src/hooks/common/useMaxIndex.ts
@@ -1,4 +1,4 @@
-import { useId, useRef } from 'react';
+import { useId, useMemo, useRef } from 'react';
 
 import { usePrefixConfig } from '../d-config';
 import { useUnmount } from '../lifecycle';
@@ -27,7 +27,7 @@ export function useMaxIndex(condition: boolean) {
   const prevIndex = useRef<string>();
   const id = useId();
 
-  const zIndex = (() => {
+  const zIndex = useMemo(() => {
     MAX_INDEX_MANAGER.deleteRecord(id);
 
     if (condition) {
@@ -36,7 +36,7 @@ export function useMaxIndex(condition: boolean) {
     }
 
     return prevIndex.current;
-  })();
+  }, [condition, dPrefix, id]);
   prevIndex.current = zIndex;
 
   useUnmount(() => {