feat: add prop id for Panel

close #69
react-component · Jun 6, 2017 · 5f98306 · 5f98306
1 parent 61686d3
commit 5f98306
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/HISTORY.md b/HISTORY.md
@@ -1,6 +1,10 @@
 # History
 ----
 
+## 1.7.6 2017-06-06
+
+- Add prop id for Panel [#69](https://github.com/react-component/collapse/issues/69)
+
 ## 1.7.4 2017-05-16
 
 - Add prop disabled [!71](https://github.com/react-component/collapse/pull/71)

diff --git a/examples/simple.js b/examples/simple.js
@@ -48,7 +48,7 @@ class Test extends React.Component {
     items.push(
       <Panel header={`This is panel header 4`} key="4">
         <Collapse defaultActiveKey="1">
-          <Panel header={`This is panel nest panel`} key="1">
+          <Panel header={`This is panel nest panel`} key="1" id="header-test">
             <p>{text}</p>
           </Panel>
         </Collapse>

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rc-collapse",
-  "version": "1.7.5",
+  "version": "1.7.6",
   "description": "rc-collapse ui component for react",
   "keywords": [
     "react",

diff --git a/src/Panel.jsx b/src/Panel.jsx
@@ -14,6 +14,7 @@ class CollapsePanel extends Component {
   render() {
     const {
       className,
+      id,
       style,
       prefixCls,
       header,
@@ -33,7 +34,7 @@ class CollapsePanel extends Component {
       [`${prefixCls}-item-disabled`]: disabled,
     }, className);
     return (
-      <div className={itemCls} style={style}>
+      <div className={itemCls} style={style} id={id}>
         <div
           className={headerCls}
           onClick={this.handleItemClick.bind(this)}
@@ -67,6 +68,7 @@ CollapsePanel.propTypes = {
     PropTypes.string,
     PropTypes.object,
   ]),
+  id: PropTypes.string,
   children: PropTypes.any,
   openAnimation: PropTypes.object,
   prefixCls: PropTypes.string,