From 82c4b5249675f4fffc7056e5fb105c65457dafc2 Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Thu, 7 Mar 2019 11:50:13 +0800
Subject: [PATCH 1/2] updat demo

---
 .../__tests__/__snapshots__/demo.test.js.snap     |  3 +++
 components/collapse/demo/extra.md                 | 15 ++++++++++++---
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/components/collapse/__tests__/__snapshots__/demo.test.js.snap b/components/collapse/__tests__/__snapshots__/demo.test.js.snap
index a73ef31b50..01ed1da877 100644
--- a/components/collapse/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/collapse/__tests__/__snapshots__/demo.test.js.snap
@@ -477,6 +477,7 @@ exports[`renders ./components/collapse/demo/extra.md correctly 1`] = `
         <i
           aria-label="icon: setting"
           class="anticon anticon-setting"
+          tabindex="-1"
         >
           <svg
             aria-hidden="true"
@@ -544,6 +545,7 @@ exports[`renders ./components/collapse/demo/extra.md correctly 1`] = `
         <i
           aria-label="icon: setting"
           class="anticon anticon-setting"
+          tabindex="-1"
         >
           <svg
             aria-hidden="true"
@@ -596,6 +598,7 @@ exports[`renders ./components/collapse/demo/extra.md correctly 1`] = `
         <i
           aria-label="icon: setting"
           class="anticon anticon-setting"
+          tabindex="-1"
         >
           <svg
             aria-hidden="true"
diff --git a/components/collapse/demo/extra.md b/components/collapse/demo/extra.md
index 897a24ea8a..d7321888cc 100644
--- a/components/collapse/demo/extra.md
+++ b/components/collapse/demo/extra.md
@@ -28,15 +28,24 @@ const text = `
   it can be found as a welcome guest in many households across the world.
 `;
 
+const genExtra = () => (
+  <Icon
+    type="setting"
+    onClick={(event) => {
+      event.stopPropagation();
+    }}
+  />
+);
+
 ReactDOM.render(
   <Collapse defaultActiveKey={['1']} onChange={callback}>
-    <Panel header="This is panel header 1" key="1" extra={<Icon type="setting" />}>
+    <Panel header="This is panel header 1" key="1" extra={genExtra()}>
       <div>{text}</div>
     </Panel>
-    <Panel header="This is panel header 2" key="2" extra={<Icon type="setting" />}>
+    <Panel header="This is panel header 2" key="2" extra={genExtra()}>
       <div>{text}</div>
     </Panel>
-    <Panel header="This is panel header 3" key="3" extra={<Icon type="setting" />}>
+    <Panel header="This is panel header 3" key="3" extra={genExtra()}>
       <div>{text}</div>
     </Panel>
   </Collapse>,

From 091ec456624d8aaa060ff2597e8431528215affb Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Thu, 7 Mar 2019 12:03:14 +0800
Subject: [PATCH 2/2] add comment

---
 components/collapse/demo/extra.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/collapse/demo/extra.md b/components/collapse/demo/extra.md
index d7321888cc..4d86778a8c 100644
--- a/components/collapse/demo/extra.md
+++ b/components/collapse/demo/extra.md
@@ -32,6 +32,7 @@ const genExtra = () => (
   <Icon
     type="setting"
     onClick={(event) => {
+      // If you don't want click extra trigger collapse, you can prevent this:
       event.stopPropagation();
     }}
   />