Optimize the examples

ifanrx · Jan 4, 2019 · 9c1d5b2 · 9c1d5b2
1 parent 53d3e20
commit 9c1d5b2
Show file tree

Hide file tree

Showing 10 changed files with 23 additions and 121 deletions.
diff --git a/example/App.js b/example/App.js
diff --git a/example/AsyncExample.js b/example/AsyncExample.js
@@ -2,22 +2,27 @@ import React from 'react'
 import ReactUeditor from '../src'
 
 class AsyncExample extends React.Component {
-  constructor(props) {
-    super(props)
+  constructor() {
+    super()
     this.editorResult = ''
     this.state = {
       content: '',
     }
+    this.timer = null
   }
 
   componentDidMount() {
-    setTimeout(() => {
+    this.timer = setTimeout(() => {
       this.setState({
         content: '我是异步加载回来的数据',
       })
     }, 2000)
   }
 
+  componentWillUnmount() {
+    clearTimeout(this.timer)
+  }
+
   updateEditorContent = content => {
     // 通过 editroResult 获取编辑器最新内容，而不是对 content 进行 setState（因为 ueditor 不是一个受控组件）
     this.editorResult = content
@@ -28,10 +33,12 @@ class AsyncExample extends React.Component {
     return (
       <div>
         <ReactUeditor
+          debug
           getRef={this.getUeditor}
           ueditorPath='../vendor/ueditor'
           value={content}
           onChange={this.updateEditorContent}
+          extendControls={[]}
         />
       </div>
     )

diff --git a/example/EditorRefExample.js b/example/EditorRefExample.js
@@ -2,8 +2,8 @@ import React from 'react'
 import ReactUeditor from '../src'
 
 class EditorRefExample extends React.Component {
-  constructor(props) {
-    super(props)
+  constructor() {
+    super()
     this.ueditorRef = null
     this.state = {
       content: '',
@@ -35,6 +35,7 @@ class EditorRefExample extends React.Component {
           getRef={this.getUeditor}
           onChange={this.updateEditorContent}
           onReady={this.handleReady}
+          extendControls={[]}
         />
         <button onClick={this.getUeditorContent}>获取内容</button>
         <p>{content}</p>

diff --git a/example/ExtendControlsExample.js b/example/ExtendControlsExample.js
@@ -29,6 +29,7 @@ class App extends React.Component {
   render() {
     return (
       <ReactUeditor
+        debug
         ueditorPath='../vendor/ueditor'
         getRef={this.getUeditor}
         extendControls={[

diff --git a/example/MediaExample.js b/example/MediaExample.js
@@ -2,8 +2,8 @@ import React from 'react'
 import ReactUeditor from '../src'
 
 class MediaExample extends React.Component {
-  constructor(props) {
-    super(props)
+  constructor() {
+    super()
     this.state = {
       progress: -1,
     }
@@ -56,6 +56,7 @@ class MediaExample extends React.Component {
         onChange={this.updateEditorContent}
         progress={progress}
         multipleImagesUpload={false}
+        extendControls={[]}
       />
     )
   }

diff --git a/example/PasteImageExample.js b/example/PasteImageExample.js
@@ -15,6 +15,7 @@ class PasteImageExample extends React.Component {
       <ReactUeditor
         ueditorPath='../vendor/ueditor'
         handlePasteImage={this.handlePasteImage}
+        extendControls={[]}
       />
     )
   }

diff --git a/example/SimpleExample.js b/example/SimpleExample.js
@@ -9,8 +9,10 @@ class SimpleExample extends React.Component {
   render() {
     return (
       <ReactUeditor
+        debug
         ueditorPath='../vendor/ueditor'
         onChange={this.updateEditorContent}
+        extendControls={[]}
       />
     )
   }

diff --git a/example/index.html b/example/index.html
@@ -3,6 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="icon" href="./favicon.ico" type="image/x-icon" />
   <title>ReactUeditor</title>
   <style>
     html, body, #root {

diff --git a/example/index.js b/example/index.js
@@ -70,8 +70,8 @@ class App extends React.Component {
               <Route path='/async-example/' component={AsyncExample} />
               <Route path='/media-example/' component={MediaExample} />
               <Route path='/editor-ref-example/' component={EditorRefExample} />
-              <Route path='/extend-controls-example' component={ExtendControlsExample} />
-              <Route path='/paste-image-example' component={PasteImageExample} />
+              <Route path='/extend-controls-example/' component={ExtendControlsExample} />
+              <Route path='/paste-image-example/' component={PasteImageExample} />
             </Switch>
           </section>
         </div>

diff --git a/favicon.ico b/favicon.ico