Small update keybinding docs. (facebookarchive#1023)

myyellowshoe · flarnie · commit 0022825422b3 · 2017-02-27T07:22:37.000-08:00
* Bind handleKeyCommand in the constructor.

It's bad practice to bind functions in render. Updated it to handle binding in the constructor. so it is only bound once.

* Update Advanced-Topics-Key-Bindings.md
diff --git a/docs/Advanced-Topics-Key-Bindings.md b/docs/Advanced-Topics-Key-Bindings.md
@@ -69,8 +69,13 @@ In our editor component, we can then make use of the command via the
 ```js
 import {Editor} from 'draft-js';
 class MyEditor extends React.Component {
-  // ...
 
+  constructor(props) {
+    super(props);
+    this.handleKeyCommand = this.handleKeyCommand.bind(this);
+  }
+  // ...
+  
   handleKeyCommand(command: string): DraftHandleValue {
     if (command === 'myeditor-save') {
       // Perform a request to save your contents, set
@@ -84,7 +89,7 @@ class MyEditor extends React.Component {
     return (
       <Editor
         editorState={this.state.editorState}
-        handleKeyCommand={this.handleKeyCommand.bind(this)}
+        handleKeyCommand={this.handleKeyCommand}
         keyBindingFn={myKeyBindingFn}
         ...
       />
