update menu demos

xshua06 · Aug 3, 2016 · 003cf8f · 003cf8f
1 parent 92f5e6c
commit 003cf8f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 56 deletions.
diff --git a/components/menu/demo/basic.md b/components/menu/demo/basic.md
@@ -1,14 +1,12 @@
 ---
-order: 0
+order: 1
 title: 二级菜单
 ---
 
-
-
 ````jsx
 import { Menu, Toast } from 'antd-mobile';
 
-let data1 = [
+const data = [
   {
     value: '2',
     label: '美食',
@@ -124,36 +122,14 @@ let data1 = [
   },
 ];
 
-let MenuExample1 = React.createClass({
-  getInitialState() {
-    return {
-      visiable: true,
-      value: [],
-    };
-  },
+const MenuExample = React.createClass({
   onChange(value) {
     Toast.info(`选中了 ${value.toString()}`);
-    this.setState({
-      visiable: false,
-    });
-    setTimeout(() => {
-      this.setState({
-        visiable: true,
-        value: ['2', '23'],
-      });
-    }, 500);
   },
   render() {
-    return (<div>
-      {this.state.visiable ? (<Menu
-        value={this.state.value}
-        onChange={this.onChange}
-        data={data1}
-      />) : null}
-    </div>);
+    return <Menu data={data} onChange={this.onChange} />
   },
 });
 
-
-ReactDOM.render(<MenuExample1 />, mountNode);
+ReactDOM.render(<MenuExample />, mountNode);
 ````
diff --git a/components/menu/demo/onelevel.md b/components/menu/demo/onelevel.md
@@ -6,7 +6,7 @@ title: 单级菜单
 ````jsx
 import { Menu, Toast } from 'antd-mobile';
 
-let data2 = [
+const data = [
   {
     label: '中餐',
     value: '21',
@@ -50,37 +50,14 @@ let data2 = [
   },
 ];
 
-let MenuExample2 = React.createClass({
-  getInitialState() {
-    return {
-      visiable: true,
-      value: ['21'],
-    };
-  },
+const MenuExample = React.createClass({
   onChange(value) {
     Toast.info(`选中了 ${value.toString()}`);
-    this.setState({
-      visiable: false,
-    });
-    setTimeout(() => {
-      this.setState({
-        visiable: true,
-        value: ['23'],
-      });
-    }, 500);
   },
   render() {
-    return (<div>
-      {this.state.visiable ? (<Menu
-        level={1}
-        onChange={this.onChange}
-        value={this.state.value}
-        data={data2}
-      />) : null}
-    </div>);
+    return <Menu data={data} level={1} onChange={this.onChange} />
   },
 });
 
-
-ReactDOM.render(<MenuExample2 />, mountNode);
+ReactDOM.render(<MenuExample />, mountNode);
 ````