Merge pull request #124 from RaoHai/onFocus

add `onFocus` support
react-component · Nov 1, 2016 · a599a85 · a599a85
2 parents 8f9c782 + 21e54ee
commit a599a85
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/examples/single.js b/examples/single.js
@@ -36,6 +36,10 @@ const Test = React.createClass({
     console.log('onBlur', v);
   },
 
+  onFocus() {
+    console.log('onFocus');
+  },
+
   render() {
     if (this.state.destroy) {
       return null;
@@ -53,6 +57,7 @@ const Test = React.createClass({
             dropdownMenuStyle={{ maxHeight: 200, overflow: 'auto' }}
             style={{ width: 500 }}
             onBlur={this.onBlur}
+            onFocus={this.onFocus}
             allowClear
             optionLabelProp="children"
             optionFilterProp="text"

diff --git a/src/Select.jsx b/src/Select.jsx
@@ -58,6 +58,7 @@ const Select = React.createClass({
     choiceTransitionName: PropTypes.string,
     onChange: PropTypes.func,
     onBlur: PropTypes.func,
+    onFocus: PropTypes.func,
     onSelect: PropTypes.func,
     onSearch: PropTypes.func,
     placeholder: PropTypes.any,
@@ -89,6 +90,7 @@ const Select = React.createClass({
       placeholder: '',
       defaultValue: [],
       onChange: noop,
+      onFocus: noop,
       onBlur: noop,
       onSelect: noop,
       onSearch: noop,
@@ -306,6 +308,7 @@ const Select = React.createClass({
     this.clearBlurTime();
     this._focused = true;
     this.updateFocusClassName();
+    this.props.onFocus();
   },
 
   onPopupFocus() {