fix: #519

ZhongAnTech · Dec 9, 2020 · bed54d4 · bed54d4
1 parent 40dc733
commit bed54d4
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/components/tabs/Tabs.tsx b/components/tabs/Tabs.tsx
@@ -61,14 +61,18 @@ export default class Tabs extends PureComponent<TabsProps, TabsStates> {
   }
 
   componentDidMount() {
-    this.calculateLineWidth();
-    this.calculateScorllLeftLocation();
+    const { children } = this.props;
+    if (React.Children.count(children)) {
+      this.calculateLineWidth();
+      this.calculateScorllLeftLocation();
+    }
   }
 
   componentDidUpdate(prevstate) {
-    const { value: prevValue } = prevstate;
+    const { value: prevValue, children: prevChild } = prevstate;
     const { value } = this.state;
-    if (prevValue !== value) {
+    const { children } = this.props;
+    if (prevValue !== value || prevChild !== children) {
       this.calculateLineWidth();
     }
     this.calculateScorllLeftLocation();

diff --git a/components/tabs/demo.md b/components/tabs/demo.md
@@ -215,7 +215,7 @@ const Demo = () => {
   const [value, setValue] = useState(0);
 
   return (
-    <Tabs scrollable value={value} onChange={setValue} direction="vertical" className="custom-height">
+    <Tabs value={value} onChange={setValue} direction="vertical" className="custom-height">
       <Panel title="选项卡1">
         <div className="content">选项卡1内容</div>
       </Panel>