diff --git a/src/packages/tabpane/tabpane.taro.tsx b/src/packages/tabpane/tabpane.taro.tsx
index bfa68100f9..61490f4a0c 100644
--- a/src/packages/tabpane/tabpane.taro.tsx
+++ b/src/packages/tabpane/tabpane.taro.tsx
@@ -31,5 +31,7 @@ export const TabPane: FunctionComponent<
     className
   )
 
-  return children && <View className={classes}>{!disabled && children}</View>
+  return children ? (
+    <View className={classes}>{!disabled && children}</View>
+  ) : null
 }
diff --git a/src/packages/tabpane/tabpane.tsx b/src/packages/tabpane/tabpane.tsx
index 55144efd9d..d5378d7aa7 100644
--- a/src/packages/tabpane/tabpane.tsx
+++ b/src/packages/tabpane/tabpane.tsx
@@ -30,5 +30,7 @@ export const TabPane: FunctionComponent<
     className
   )
 
-  return children && <div className={classes}>{!disabled && children}</div>
+  return children ? (
+    <div className={classes}>{!disabled && children}</div>
+  ) : null
 }
diff --git a/src/packages/tabs/__test__/tabs.spec.tsx b/src/packages/tabs/__test__/tabs.spec.tsx
index 466c1c068e..69a02517da 100644
--- a/src/packages/tabs/__test__/tabs.spec.tsx
+++ b/src/packages/tabs/__test__/tabs.spec.tsx
@@ -69,7 +69,7 @@ test('base other props', async () => {
 })
 
 test('base Tabpane Props', () => {
-  const { container } = render(
+  const { container, rerender } = render(
     <Tabs value="0">
       <TabPane title="Tab 1" value="0">
         Tab 1
@@ -88,6 +88,15 @@ test('base Tabpane Props', () => {
   expect(el[0]).toHaveClass('nut-tabs-titles-item-active')
   expect(el[1]).toHaveClass('nut-tabs-titles-item-disabled')
   expect(el2[0]).toHaveTextContent('Tab 1')
+
+  rerender(
+    <Tabs value="0">
+      <TabPane title="Tab 1" value="0" />
+      <TabPane title="Tab 2" value="1" disabled />
+      <TabPane title="Tab 3" value="2" />
+    </Tabs>
+  )
+  expect(container.querySelectorAll('.nut-tabpane').length).toBe(0)
 })
 
 test('base Tabpane autoHeight Props', () => {