From 50894a1de03f19e2827bde62712fff559a3d12e7 Mon Sep 17 00:00:00 2001
From: catchonme <catchonme@163.com>
Date: Tue, 11 Jun 2019 19:35:15 +0800
Subject: [PATCH] =?UTF-8?q?tabs=E4=BC=98=E5=8C=96id=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Form/__snapshots__/tabs.test.tsx.snap      | 18 +++++++++---------
 src/renderers/Tabs.tsx                         |  6 ++++--
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/__tests__/renderers/Form/__snapshots__/tabs.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/tabs.test.tsx.snap
index 7c749ffd..9543bb14 100644
--- a/__tests__/renderers/Form/__snapshots__/tabs.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/tabs.test.tsx.snap
@@ -27,7 +27,7 @@ exports[`Renderer:tabs 1`] = `
       >
         <div
           class="a-Tabs"
-          id="1"
+          id="0"
         >
           <ul
             class="a-Tabs-links nav"
@@ -38,10 +38,10 @@ exports[`Renderer:tabs 1`] = `
               role="presentation"
             >
               <a
-                aria-controls="1-pane-0"
+                aria-controls="0-pane-0"
                 aria-selected="true"
                 href="#"
-                id="1-tab-0"
+                id="0-tab-0"
                 role="tab"
               >
                 基本配置
@@ -52,10 +52,10 @@ exports[`Renderer:tabs 1`] = `
               role="presentation"
             >
               <a
-                aria-controls="1-pane-1"
+                aria-controls="0-pane-1"
                 aria-selected="false"
                 href="#"
-                id="1-tab-1"
+                id="0-tab-1"
                 role="tab"
                 tabindex="-1"
               >
@@ -68,9 +68,9 @@ exports[`Renderer:tabs 1`] = `
           >
             <div
               aria-hidden="false"
-              aria-labelledby="1-tab-0"
+              aria-labelledby="0-tab-0"
               class="fade tab-pane active in"
-              id="1-pane-0"
+              id="0-pane-0"
               role="tabpanel"
             >
               <span
@@ -83,9 +83,9 @@ exports[`Renderer:tabs 1`] = `
             </div>
             <div
               aria-hidden="true"
-              aria-labelledby="1-tab-1"
+              aria-labelledby="0-tab-1"
               class="fade tab-pane"
-              id="1-pane-1"
+              id="0-pane-1"
               role="tabpanel"
             >
               <div
diff --git a/src/renderers/Tabs.tsx b/src/renderers/Tabs.tsx
index 905219cc..bf5bc9e3 100644
--- a/src/renderers/Tabs.tsx
+++ b/src/renderers/Tabs.tsx
@@ -30,6 +30,8 @@ export interface TabsState {
     prevKey: any;
 }
 
+let tabCount = 0;
+
 export default class Tabs extends React.Component<TabsProps, TabsState> {
     static defaultProps: Partial<TabsProps> = {
         className: '',
@@ -38,7 +40,7 @@ export default class Tabs extends React.Component<TabsProps, TabsState> {
         unmountOnExit: false,
     };
 
-    id = 0;
+    id = '' + tabCount++;
     constructor(props: TabsProps) {
         super(props);
 
@@ -206,7 +208,7 @@ export default class Tabs extends React.Component<TabsProps, TabsState> {
 
         return (
             <TabContainer
-                id={'' + this.id++}
+                id={this.id}
                 className={cx(
                     `Tabs`,
                     {