From 985530a5bbf3bcf0630f038c527d295515397b10 Mon Sep 17 00:00:00 2001
From: dntzhang <mhtml5@qq.com>
Date: Thu, 26 Apr 2018 11:41:27 +0800
Subject: [PATCH] update readme

---
 README.md      |  2 +-
 docs/README.md | 15 ++++++---------
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/README.md b/README.md
index e0d215029..b3c92e323 100644
--- a/README.md
+++ b/README.md
@@ -59,7 +59,7 @@ class App extends Omi.Component {
     }
 }
 
-Omi.render(new App(), '#container')
+Omi.render(<App />, '#container')
 ```
 
 ## Using Store System
diff --git a/docs/README.md b/docs/README.md
index 4b04bd552..05cf3a833 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -80,6 +80,7 @@ class Hello extends Omi.Component {
 class App extends Omi.Component {
     install() {
         this.name = 'Omi'
+        this.handleClick = this.handleClick.bind(this)
     }
 
     handleClick(e) {
@@ -97,7 +98,7 @@ class App extends Omi.Component {
     render() {
         return <div>
             <Hello name={this.name}></Hello>
-            <h3 onclick={this.handleClick.bind(this)}>Scoped css and event test! click me!</h3>
+            <h3 onclick={this.handleClick}>Scoped css and event test! click me!</h3>
         </div>
     }
 }
@@ -106,11 +107,10 @@ Omi.render(<App />, '#container')
 ```
 
 * 组件继承自`Omi.Component`，
-* `render`返回的是组件JSX 或者 hyperscript
+* `render`返回的是组件JSX 
 * `style`返回的是组件的CSS，是局部的，不会污染组件以外的元素
 * 通过`name={this.name}`把传递给子组件hello，子组件直接在render里可以使用{this.data.name}来使用传递来的数据
-* 通过`onclick={this.handleClick.bind(this)}"`给HTML元素绑定事件，在handleClick回调中可以拿到event对象
-
+* 通过`onclick={this.handleClick}"`给HTML元素绑定事件，在handleClick回调中可以拿到event对象
 
 
 ## 介绍 JSX
@@ -123,7 +123,7 @@ const element = <h1>Hello, world!</h1>;
 
 这种看起来可能有些奇怪的标签语法既不是字符串也不是HTML.
 
-它被称为 JSX, 一种 JavaScript 的语法扩展。JSX 乍看起来可能比较像是模版语言，但事实上它完全是在 JavaScript 内部实现的，和 hyperscript 可以互相转换。
+它被称为 JSX, 一种 JavaScript 的语法扩展。JSX 乍看起来可能比较像是模版语言，但事实上它完全是在 JavaScript 内部实现的。
 
 ### 在 JSX 中使用表达式
 
@@ -209,7 +209,7 @@ const element = (
 
 ### JSX 代表 Objects
 
-转义器 `virtual-dom-loader` 会把 JSX 转换成一个名为 `Omi.x()` 的方法调用。
+转义器 `babel-preset-omi` 会把 JSX 转换成一个名为 `Omi.x()` 的方法调用。
 
 下面两种代码的作用是完全相同的：
 
@@ -246,8 +246,6 @@ const element = Omi.x(
 </ul>
 ```
 
-
-
 ```
 // JSX
 <MyList>{this.data.items.map(item => 
@@ -255,7 +253,6 @@ const element = Omi.x(
 )}</MyList>
 ```
 
-
 ```
 <MyComponent someProp={{x: 1, y: 2}}/>
 ```