Refactor render arrow functions (#969)

docs/walkthroughs/adding-event-handlers.md

@@ -24,7 +24,7 @@ class App extends React.Component {
     this.setState({ state })
   }
 
-  render = () => {
+  render() {
     return (
       <Editor
         state={this.state.state}
@@ -54,7 +54,7 @@ class App extends React.Component {
     console.log(event.which)
   }
 
-  render = () => {
+  render() {
     return (
       <Editor
         state={this.state.state}
@@ -101,7 +101,7 @@ class App extends React.Component {
     return newState
   }
 
-  render = () => {
+  render() {
     return (
       <Editor
         state={this.state.state}

docs/walkthroughs/applying-custom-formatting.md

@@ -38,7 +38,7 @@ class App extends React.Component {
       .apply()
   }
 
-  render = () => {
+  render() {
     return (
       <Editor
         state={this.state.state}
@@ -96,7 +96,7 @@ class App extends React.Component {
     }
   }
 
-  render = () => {
+  render() {
     return (
       <Editor
         schema={this.state.schema}
@@ -174,7 +174,7 @@ class App extends React.Component {
     }
   }
 
-  render = () => {
+  render() {
     return (
       <Editor
         schema={this.state.schema}

docs/walkthroughs/defining-custom-block-nodes.md

@@ -35,7 +35,7 @@ class App extends React.Component {
     return newState
   }
 
-  render = () => {
+  render() {
     return (
       <Editor
         state={this.state.state}
@@ -103,7 +103,7 @@ class App extends React.Component {
     return newState
   }
 
-  render = () => {
+  render() {
     return (
       // Pass in the `schema` property...
       <Editor
@@ -154,7 +154,7 @@ class App extends React.Component {
       .apply()
   }
 
-  render = () => {
+  render() {
     return (
       <Editor
         schema={this.state.schema}
@@ -208,7 +208,7 @@ class App extends React.Component {
     
   }
 
-  render = () => {
+  render() {
     return (
       <Editor
         schema={this.state.schema}

docs/walkthroughs/installing-slate.md

@@ -87,7 +87,7 @@ class App extends React.Component {
   }
 
   // Render the editor.
-  render = () => {
+  render() {
     return (
       <Editor
         state={this.state.state}

docs/walkthroughs/saving-and-loading-html-content.md

@@ -24,7 +24,7 @@ class App extends React.Component {
     this.setState({ state })
   }
 
-  render = () => {
+  render() {
     return (
       <Editor
         state={this.state.state}
@@ -246,7 +246,7 @@ class App extends React.Component {
     localStorage.setItem('content', string)
   }
 
-  render = () => {
+  render() {
     // Add the `onDocumentChange` handler.
     return (
       <Editor

docs/walkthroughs/saving-to-a-database.md

@@ -26,7 +26,7 @@ class App extends React.Component {
     this.setState({ state })
   }
 
-  render = () => {
+  render() {
     return (
       <Editor
         state={this.state.state}
@@ -63,7 +63,7 @@ class App extends React.Component {
     localStorage.setItem('content', content)
   }
 
-  render = () => {
+  render() {
     return (
       <Editor
         state={this.state.state}
@@ -99,7 +99,7 @@ class App extends React.Component {
     localStorage.setItem('content', content)
   }
 
-  render = () => {
+  render() {
     return (
       <Editor
         state={this.state.state}
@@ -138,7 +138,7 @@ class App extends React.Component {
     localStorage.setItem('content', content)
   }
 
-  render = () => {
+  render() {
     // Add the `onDocumentChange` handler to the editor.
     return (
       <Editor
@@ -186,7 +186,7 @@ class App extends React.Component {
     localStorage.setItem('content', content)
   }
 
-  render = () => {
+  render() {
     return (
       <Editor
         state={this.state.state}

docs/walkthroughs/using-plugins.md

@@ -38,7 +38,7 @@ class App extends React.Component {
       .apply()
   }
 
-  render = () => {
+  render() {
     return (
       <Editor
         schema={this.state.schema}
@@ -125,7 +125,7 @@ class App extends React.Component {
     this.setState({ state })
   }
 
-  render = () => {
+  render() {
     return (
       // Add the `plugins` property to the editor, and remove `onKeyDown`.
       <Editor
@@ -174,7 +174,7 @@ class App extends React.Component {
     this.setState({ state })
   }
 
-  render = () => {
+  render() {
     return (
       <Editor
         plugins={plugins}
@@ -259,7 +259,7 @@ class App extends React.Component {
     this.setState({ state })
   }
 
-  render = () => {
+  render() {
     return (
       <Editor
         plugins={plugins}

examples/check-lists/index.js

@@ -36,7 +36,7 @@ class CheckListItem extends React.Component {
    * @return {Element}
    */
 
-  render = () => {
+  render() {
     const { attributes, children, node } = this.props
     const checked = node.data.get('checked')
     return (
@@ -147,7 +147,7 @@ class CheckLists extends React.Component {
    * @return {Element}
    */
 
-  render = () => {
+  render() {
     return (
       <div>
         <div className="editor">

examples/code-highlighting/index.js

@@ -167,7 +167,7 @@ class CodeHighlighting extends React.Component {
    * @return {Component}
    */
 
-  render = () => {
+  render() {
     return (
       <div className="editor">
         <Editor

examples/dev/large-document/index.js

@@ -131,7 +131,7 @@ class LargeDocument extends React.Component {
    * @return {Component} component
    */
 
-  render = () => {
+  render() {
     return (
       <Editor
         placeholder={'Enter some plain text...'}

examples/dev/performance-plain/index.js

@@ -37,7 +37,7 @@ class PlainText extends React.Component {
    * @return {Component} component
    */
 
-  render = () => {
+  render() {
     return (
       <Editor
         placeholder={'Enter some plain text...'}

examples/dev/performance-rich/index.js

@@ -198,7 +198,7 @@ class RichText extends React.Component {
    * @return {Element}
    */
 
-  render = () => {
+  render() {
     return (
       <div>
         {this.renderToolbar()}

examples/embeds/index.js

@@ -50,7 +50,7 @@ class Embeds extends React.Component {
    * @return {Element} element
    */
 
-  render = () => {
+  render() {
     return (
       <div className="editor">
         <Editor

examples/embeds/video.js

@@ -60,7 +60,7 @@ class Video extends React.Component {
    * @return {Element}
    */
 
-  render = () => {
+  render() {
     return (
       <div {...this.props.attributes}>
         {this.renderVideo()}

examples/focus-blur/index.js

@@ -80,7 +80,7 @@ class FocusBlur extends React.Component {
    * @return {Element} element
    */
 
-  render = () => {
+  render() {
     return (
       <div>
         {this.renderToolbar()}

examples/forced-layout/index.js

@@ -88,7 +88,7 @@ class ForcedLayout extends React.Component {
    * @return {Component} component
    */
 
-  render = () => {
+  render() {
     return (
       <Editor
         state={this.state.state}

examples/hovering-menu/index.js

@@ -106,7 +106,7 @@ class HoveringMenu extends React.Component {
    * @return {Element}
    */
 
-  render = () => {
+  render() {
     return (
       <div>
         {this.renderMenu()}

examples/iframes/index.js

@@ -168,7 +168,7 @@ class Iframes extends React.Component {
    * @return {Element}
    */
 
-  render = () => {
+  render() {
     const bootstrap = (
       <link
         href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"

examples/images/index.js

@@ -95,7 +95,7 @@ class Images extends React.Component {
    * @return {Element} element
    */
 
-  render = () => {
+  render() {
     return (
       <div>
         {this.renderToolbar()}

examples/links/index.js

@@ -145,7 +145,7 @@ class Links extends React.Component {
    * @return {Element} element
    */
 
-  render = () => {
+  render() {
     return (
       <div>
         {this.renderToolbar()}

examples/markdown-preview/index.js

@@ -125,7 +125,7 @@ class MarkdownPreview extends React.Component {
    * @return {Component} component
    */
 
-  render = () => {
+  render() {
     return (
       <div className="editor">
         <Editor

examples/markdown-shortcuts/index.js

@@ -71,7 +71,7 @@ class MarkdownShortcuts extends React.Component {
    * @return {Component} component
    */
 
-  render = () => {
+  render() {
     return (
       <div className="editor">
         <Editor

examples/paste-html/index.js

@@ -194,7 +194,7 @@ class PasteHtml extends React.Component {
    * @return {Component}
    */
 
-  render = () => {
+  render() {
     return (
       <div className="editor">
         <Editor

examples/plain-text/index.js

@@ -36,7 +36,7 @@ class PlainText extends React.Component {
    * @return {Component} component
    */
 
-  render = () => {
+  render() {
     return (
       <Editor
         placeholder={'Enter some plain text...'}

examples/plugins/index.js

@@ -85,7 +85,7 @@ The fourth is an example of using the plugin.render property to create a higher-
    * @return {Component} component
    */
 
-  render = () => {
+  render() {
     return (
       <Editor
         placeholder={'Enter some text...'}

examples/read-only/index.js

@@ -36,7 +36,7 @@ class ReadOnly extends React.Component {
    * @return {Component} component
    */
 
-  render = () => {
+  render() {
     return (
       <Editor
         readOnly

examples/rich-text/index.js

@@ -217,7 +217,7 @@ class RichText extends React.Component {
    * @return {Element}
    */
 
-  render = () => {
+  render() {
     return (
       <div>
         {this.renderToolbar()}

examples/rtl/index.js

@@ -66,7 +66,7 @@ class PlainText extends React.Component {
    * @return {Component} component
    */
 
-  render = () => {
+  render() {
     return (
       <Editor
         placeholder={'Enter some plain text...'}

examples/tables/index.js

@@ -127,7 +127,7 @@ class Tables extends React.Component {
    * @return {Component} component
    */
 
-  render = () => {
+  render() {
     return (
       <div className="editor">
         <Editor

src/components/content.js

@@ -822,7 +822,7 @@ class Content extends React.Component {
    * @return {Element}
    */
 
-  render = () => {
+  render() {
     const { props } = this
     const { className, readOnly, state, tabIndex, role } = props
     const { document } = state

src/components/editor.js

@@ -240,7 +240,7 @@ class Editor extends React.Component {
    * @return {Element}
    */
 
-  render = () => {
+  render() {
     const { props, state } = this
     const { stack } = state
     const children = stack

src/components/node.js

@@ -232,7 +232,7 @@ class Node extends React.Component {
    * @return {Element}
    */
 
-  render = () => {
+  render() {
     const { props } = this
     const { node } = this.props
 

src/components/placeholder.js

@@ -83,7 +83,7 @@ class Placeholder extends React.Component {
    * @return {Element}
    */
 
-  render = () => {
+  render() {
     const isVisible = this.isVisible()
     if (!isVisible) return null
 

src/components/void.js

@@ -137,7 +137,7 @@ class Void extends React.Component {
    * @return {Element}
    */
 
-  render = () => {
+  render() {
     const { props } = this
     const { children, node } = props
     let Tag, style