Closes #282: Improve React ref (#283)

* Closes #282: Improve ref * Fix eslint errors * Update flow validations for editor
sstur · May 18, 2018 · f10c0e5 · f10c0e5
1 parent a3c1dcd
commit f10c0e5
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/RichTextEditor.js b/src/RichTextEditor.js
@@ -67,6 +67,7 @@ type Props = {
 export default class RichTextEditor extends Component {
   props: Props;
   _keyEmitter: EventEmitter;
+  editor: HTMLDivElement;
 
   constructor() {
     super(...arguments);
@@ -145,7 +146,9 @@ export default class RichTextEditor extends Component {
             onTab={this._onTab}
             onChange={this._onChange}
             placeholder={placeholder}
-            ref="editor"
+            ref={(el) => {
+              this.editor = el;
+            }}
             spellCheck={true}
             readOnly={readOnly}
           />
@@ -328,7 +331,7 @@ export default class RichTextEditor extends Component {
   }
 
   _focus() {
-    this.refs.editor.focus();
+    this.editor.focus();
   }
 }