Add optional onHide/onShow hooks to Switch component

- Allows functions to be specified to run when Switch is shown/hidden
jdlehman · Apr 4, 2015 · 14aafea · 14aafea
1 parent 97f9561
commit 14aafea
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/dist/switcheroo.min.js b/dist/switcheroo.min.js
diff --git a/modules/components/Switch.js b/modules/components/Switch.js
@@ -1,6 +1,18 @@
 import React, {Component} from 'react';
 
 export default class Switch extends Component {
+  componentDidMount() {
+    if(typeof this.props.onShow === 'function') {
+      this.props.onShow();
+    }
+  }
+
+  componentWillUnmount() {
+    if(typeof this.props.onHide === 'function') {
+      this.props.onHide();
+    }
+  }
+
   render() {
     return React.createElement(this.props.handler, this.props.handlerProps);
   }
@@ -11,5 +23,7 @@ Switch.displayName = 'Switch';
 Switch.propTypes = {
   path: React.PropTypes.string.isRequired,
   handler: React.PropTypes.func.isRequired,
-  handlerProps: React.PropTypes.object
+  handlerProps: React.PropTypes.object,
+  onShow: React.PropTypes.func,
+  onHide: React.PropTypes.func
 };