From 56d00f8941e9ffc3342f2978206421feda1ba363 Mon Sep 17 00:00:00 2001
From: Kyrielin <a154571896@gmail.com>
Date: Fri, 17 Jun 2022 14:19:06 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=20Tabs=20=E5=B7=A6?=
 =?UTF-8?q?=E5=8F=B3=E5=88=87=E6=8D=A2=E6=B8=B2=E6=9F=93=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=20(#894)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/_common         | 2 +-
 src/tabs/TabNav.tsx | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/_common b/src/_common
index 3e32b8cfa..4ab51d431 160000
--- a/src/_common
+++ b/src/_common
@@ -1 +1 @@
-Subproject commit 3e32b8cfa24c4ac7504fb54bff9ef0be026413d2
+Subproject commit 4ab51d431767c2691ff9064fdf1f200a63abee1f
diff --git a/src/tabs/TabNav.tsx b/src/tabs/TabNav.tsx
index d75d09543..01265aa98 100644
--- a/src/tabs/TabNav.tsx
+++ b/src/tabs/TabNav.tsx
@@ -31,6 +31,7 @@ const TabNav: React.FC<TabNavProps> = (props) => {
     onRemove = noop,
     onChange = noop,
     activeValue,
+    children,
   } = props;
 
   // 逻辑层较多处需要判断是否为 card 类型，进行逻辑抽象
@@ -106,7 +107,9 @@ const TabNav: React.FC<TabNavProps> = (props) => {
 
     setToLeftBtnVisible(canToleft);
     setToRightBtnVisible(canToRight);
-  }, [scrollLeft, placement]);
+    // children 发生变化也要触发一次切换箭头判断
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [scrollLeft, placement, children]);
 
   // 滚动条处理逻辑
   const handleScroll = (position: 'left' | 'right') => {