From 469d8b394c265df27e18c59445ac2fa09b67cdc4 Mon Sep 17 00:00:00 2001
From: Hans-Wilhelm Warlo <hw@warlo.no>
Date: Wed, 2 Aug 2017 18:36:33 +0200
Subject: [PATCH] Refactor render arrow functions (#969)

---
 docs/walkthroughs/adding-event-handlers.md           |  6 +++---
 docs/walkthroughs/applying-custom-formatting.md      |  6 +++---
 docs/walkthroughs/defining-custom-block-nodes.md     |  8 ++++----
 docs/walkthroughs/installing-slate.md                |  2 +-
 docs/walkthroughs/saving-and-loading-html-content.md |  4 ++--
 docs/walkthroughs/saving-to-a-database.md            | 10 +++++-----
 docs/walkthroughs/using-plugins.md                   |  8 ++++----
 examples/check-lists/index.js                        |  4 ++--
 examples/code-highlighting/index.js                  |  2 +-
 examples/dev/large-document/index.js                 |  2 +-
 examples/dev/performance-plain/index.js              |  2 +-
 examples/dev/performance-rich/index.js               |  2 +-
 examples/embeds/index.js                             |  2 +-
 examples/embeds/video.js                             |  2 +-
 examples/focus-blur/index.js                         |  2 +-
 examples/forced-layout/index.js                      |  2 +-
 examples/hovering-menu/index.js                      |  2 +-
 examples/iframes/index.js                            |  2 +-
 examples/images/index.js                             |  2 +-
 examples/links/index.js                              |  2 +-
 examples/markdown-preview/index.js                   |  2 +-
 examples/markdown-shortcuts/index.js                 |  2 +-
 examples/paste-html/index.js                         |  2 +-
 examples/plain-text/index.js                         |  2 +-
 examples/plugins/index.js                            |  2 +-
 examples/read-only/index.js                          |  2 +-
 examples/rich-text/index.js                          |  2 +-
 examples/rtl/index.js                                |  2 +-
 examples/tables/index.js                             |  2 +-
 src/components/content.js                            |  2 +-
 src/components/editor.js                             |  2 +-
 src/components/node.js                               |  2 +-
 src/components/placeholder.js                        |  2 +-
 src/components/void.js                               |  2 +-
 34 files changed, 50 insertions(+), 50 deletions(-)

diff --git a/docs/walkthroughs/adding-event-handlers.md b/docs/walkthroughs/adding-event-handlers.md
index 982c3b3d6..b26557c1b 100644
--- a/docs/walkthroughs/adding-event-handlers.md
+++ b/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}
diff --git a/docs/walkthroughs/applying-custom-formatting.md b/docs/walkthroughs/applying-custom-formatting.md
index 35b7e4ad8..868bfb2b5 100644
--- a/docs/walkthroughs/applying-custom-formatting.md
+++ b/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}
diff --git a/docs/walkthroughs/defining-custom-block-nodes.md b/docs/walkthroughs/defining-custom-block-nodes.md
index a9bc84cbe..35fa4706b 100644
--- a/docs/walkthroughs/defining-custom-block-nodes.md
+++ b/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}
diff --git a/docs/walkthroughs/installing-slate.md b/docs/walkthroughs/installing-slate.md
index afe832f7b..2ca7264b5 100644
--- a/docs/walkthroughs/installing-slate.md
+++ b/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}
diff --git a/docs/walkthroughs/saving-and-loading-html-content.md b/docs/walkthroughs/saving-and-loading-html-content.md
index 7552d7efe..568799fce 100644
--- a/docs/walkthroughs/saving-and-loading-html-content.md
+++ b/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
diff --git a/docs/walkthroughs/saving-to-a-database.md b/docs/walkthroughs/saving-to-a-database.md
index 955ef1bb8..f1f75614d 100644
--- a/docs/walkthroughs/saving-to-a-database.md
+++ b/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}
diff --git a/docs/walkthroughs/using-plugins.md b/docs/walkthroughs/using-plugins.md
index 98c78bc5d..fce27239f 100644
--- a/docs/walkthroughs/using-plugins.md
+++ b/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}
diff --git a/examples/check-lists/index.js b/examples/check-lists/index.js
index 6a3997f39..34524e42f 100644
--- a/examples/check-lists/index.js
+++ b/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">
diff --git a/examples/code-highlighting/index.js b/examples/code-highlighting/index.js
index 70461d7d1..244c30e74 100644
--- a/examples/code-highlighting/index.js
+++ b/examples/code-highlighting/index.js
@@ -167,7 +167,7 @@ class CodeHighlighting extends React.Component {
    * @return {Component}
    */
 
-  render = () => {
+  render() {
     return (
       <div className="editor">
         <Editor
diff --git a/examples/dev/large-document/index.js b/examples/dev/large-document/index.js
index b3957ede5..cfc939dec 100644
--- a/examples/dev/large-document/index.js
+++ b/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...'}
diff --git a/examples/dev/performance-plain/index.js b/examples/dev/performance-plain/index.js
index c78fb14b2..4a0fe5f24 100644
--- a/examples/dev/performance-plain/index.js
+++ b/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...'}
diff --git a/examples/dev/performance-rich/index.js b/examples/dev/performance-rich/index.js
index 923f31a7e..887a8088a 100644
--- a/examples/dev/performance-rich/index.js
+++ b/examples/dev/performance-rich/index.js
@@ -198,7 +198,7 @@ class RichText extends React.Component {
    * @return {Element}
    */
 
-  render = () => {
+  render() {
     return (
       <div>
         {this.renderToolbar()}
diff --git a/examples/embeds/index.js b/examples/embeds/index.js
index 59ff80663..cad129c8c 100644
--- a/examples/embeds/index.js
+++ b/examples/embeds/index.js
@@ -50,7 +50,7 @@ class Embeds extends React.Component {
    * @return {Element} element
    */
 
-  render = () => {
+  render() {
     return (
       <div className="editor">
         <Editor
diff --git a/examples/embeds/video.js b/examples/embeds/video.js
index b2be592ea..2f5ac9231 100644
--- a/examples/embeds/video.js
+++ b/examples/embeds/video.js
@@ -60,7 +60,7 @@ class Video extends React.Component {
    * @return {Element}
    */
 
-  render = () => {
+  render() {
     return (
       <div {...this.props.attributes}>
         {this.renderVideo()}
diff --git a/examples/focus-blur/index.js b/examples/focus-blur/index.js
index cf7848055..31973b5af 100644
--- a/examples/focus-blur/index.js
+++ b/examples/focus-blur/index.js
@@ -80,7 +80,7 @@ class FocusBlur extends React.Component {
    * @return {Element} element
    */
 
-  render = () => {
+  render() {
     return (
       <div>
         {this.renderToolbar()}
diff --git a/examples/forced-layout/index.js b/examples/forced-layout/index.js
index 369685037..03ae61342 100644
--- a/examples/forced-layout/index.js
+++ b/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}
diff --git a/examples/hovering-menu/index.js b/examples/hovering-menu/index.js
index 0d7f7fab3..0afdce635 100644
--- a/examples/hovering-menu/index.js
+++ b/examples/hovering-menu/index.js
@@ -106,7 +106,7 @@ class HoveringMenu extends React.Component {
    * @return {Element}
    */
 
-  render = () => {
+  render() {
     return (
       <div>
         {this.renderMenu()}
diff --git a/examples/iframes/index.js b/examples/iframes/index.js
index d50d050a3..438d47193 100644
--- a/examples/iframes/index.js
+++ b/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"
diff --git a/examples/images/index.js b/examples/images/index.js
index 7ab436927..53262b146 100644
--- a/examples/images/index.js
+++ b/examples/images/index.js
@@ -95,7 +95,7 @@ class Images extends React.Component {
    * @return {Element} element
    */
 
-  render = () => {
+  render() {
     return (
       <div>
         {this.renderToolbar()}
diff --git a/examples/links/index.js b/examples/links/index.js
index fb32a748b..2dceb04da 100644
--- a/examples/links/index.js
+++ b/examples/links/index.js
@@ -145,7 +145,7 @@ class Links extends React.Component {
    * @return {Element} element
    */
 
-  render = () => {
+  render() {
     return (
       <div>
         {this.renderToolbar()}
diff --git a/examples/markdown-preview/index.js b/examples/markdown-preview/index.js
index 99d50c844..f4d98e68e 100644
--- a/examples/markdown-preview/index.js
+++ b/examples/markdown-preview/index.js
@@ -125,7 +125,7 @@ class MarkdownPreview extends React.Component {
    * @return {Component} component
    */
 
-  render = () => {
+  render() {
     return (
       <div className="editor">
         <Editor
diff --git a/examples/markdown-shortcuts/index.js b/examples/markdown-shortcuts/index.js
index 961325be5..a549bea18 100644
--- a/examples/markdown-shortcuts/index.js
+++ b/examples/markdown-shortcuts/index.js
@@ -71,7 +71,7 @@ class MarkdownShortcuts extends React.Component {
    * @return {Component} component
    */
 
-  render = () => {
+  render() {
     return (
       <div className="editor">
         <Editor
diff --git a/examples/paste-html/index.js b/examples/paste-html/index.js
index 7d1c9739c..98f3c63f5 100644
--- a/examples/paste-html/index.js
+++ b/examples/paste-html/index.js
@@ -194,7 +194,7 @@ class PasteHtml extends React.Component {
    * @return {Component}
    */
 
-  render = () => {
+  render() {
     return (
       <div className="editor">
         <Editor
diff --git a/examples/plain-text/index.js b/examples/plain-text/index.js
index 7aa8130a8..11ab99e40 100644
--- a/examples/plain-text/index.js
+++ b/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...'}
diff --git a/examples/plugins/index.js b/examples/plugins/index.js
index a696908e9..008069960 100644
--- a/examples/plugins/index.js
+++ b/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...'}
diff --git a/examples/read-only/index.js b/examples/read-only/index.js
index 48d182864..a8c361e11 100644
--- a/examples/read-only/index.js
+++ b/examples/read-only/index.js
@@ -36,7 +36,7 @@ class ReadOnly extends React.Component {
    * @return {Component} component
    */
 
-  render = () => {
+  render() {
     return (
       <Editor
         readOnly
diff --git a/examples/rich-text/index.js b/examples/rich-text/index.js
index 429b0255e..1118661b7 100644
--- a/examples/rich-text/index.js
+++ b/examples/rich-text/index.js
@@ -217,7 +217,7 @@ class RichText extends React.Component {
    * @return {Element}
    */
 
-  render = () => {
+  render() {
     return (
       <div>
         {this.renderToolbar()}
diff --git a/examples/rtl/index.js b/examples/rtl/index.js
index acea684bb..16180beca 100644
--- a/examples/rtl/index.js
+++ b/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...'}
diff --git a/examples/tables/index.js b/examples/tables/index.js
index e6b8b444b..8246fd44c 100644
--- a/examples/tables/index.js
+++ b/examples/tables/index.js
@@ -127,7 +127,7 @@ class Tables extends React.Component {
    * @return {Component} component
    */
 
-  render = () => {
+  render() {
     return (
       <div className="editor">
         <Editor
diff --git a/src/components/content.js b/src/components/content.js
index d0d69c112..17f33df41 100644
--- a/src/components/content.js
+++ b/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
diff --git a/src/components/editor.js b/src/components/editor.js
index 48225ef70..e2c06a67d 100644
--- a/src/components/editor.js
+++ b/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
diff --git a/src/components/node.js b/src/components/node.js
index b121c5c41..d81a15ced 100644
--- a/src/components/node.js
+++ b/src/components/node.js
@@ -232,7 +232,7 @@ class Node extends React.Component {
    * @return {Element}
    */
 
-  render = () => {
+  render() {
     const { props } = this
     const { node } = this.props
 
diff --git a/src/components/placeholder.js b/src/components/placeholder.js
index 75f28533b..2387cc917 100644
--- a/src/components/placeholder.js
+++ b/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
 
diff --git a/src/components/void.js b/src/components/void.js
index f4db1bed1..7f4d2e8ac 100644
--- a/src/components/void.js
+++ b/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