fix(Tabs): when childrenList updated, titleRefs are not updated and recalculate lineStyle (#675)

Trojan0523 · web-flow · commit 8375695ffb42 · 2023-09-04T15:12:34.000+08:00
diff --git a/packages/react-vant/src/components/tabs/Tabs.tsx b/packages/react-vant/src/components/tabs/Tabs.tsx
@@ -128,7 +128,7 @@ const Tabs = forwardRef<TabsInstance, TabsProps>((p, ref) => {
     }
     setShowLine(true)
     setLineTranslateLeft(title.offsetLeft + title.offsetWidth / 2)
-  }, [root.current, titleRefs, props.type, index])
+  }, [root.current, titleRefs, props.type, index, childrenList])
 
   // 下划线样式
   const lineStyle = useMemo(() => {

Original file line number	Diff line number	Diff line change
`@@ -128,7 +128,7 @@ const Tabs = forwardRef<TabsInstance, TabsProps>((p, ref) => {`
`128`	`128`	`}`
`129`	`129`	`setShowLine(true)`
`130`	`130`	`setLineTranslateLeft(title.offsetLeft + title.offsetWidth / 2)`
`131`		`- }, [root.current, titleRefs, props.type, index])`
	`131`	`+ }, [root.current, titleRefs, props.type, index, childrenList])`
`132`	`132`
`133`	`133`	`// 下划线样式`
`134`	`134`	`const lineStyle = useMemo(() => {`