chore: 完善mobx样例

areslabs · Jul 2, 2019 · 31a1846 · 31a1846
1 parent bc3ccd1
commit 31a1846
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 13 deletions.
diff --git a/examples/RoomMobx/src/components/Room.js b/examples/RoomMobx/src/components/Room.js
@@ -13,10 +13,8 @@ import {observer} from 'mobx-react'
 @observer
 class Room extends Component {
 
-
     render() {
         const {style, data, autoFocus} = this.props
-        console.log('data:', data)
         return (
             <View style={style}>
                 <Text>{data.label}：</Text>
@@ -25,7 +23,6 @@ class Room extends Component {
                     value={data.price + ''}
                     style={{borderBottomWidth: 2, width: 40}}
                     onChangeText={(price) => {
-                        console.log('price:', price)
                         data.price = Number(price)
                     }}
                 />

diff --git a/examples/RoomMobx/src/components/TotalInfo.js b/examples/RoomMobx/src/components/TotalInfo.js
@@ -10,12 +10,17 @@ import React, {Component} from 'react'
 import {View, Text, StyleSheet} from 'react-native'
 import {inject, observer} from 'mobx-react'
 
-@inject('room')
+/*演示inject接收函数的时候*/
+@inject((allStores) => {
+    return {
+        ...allStores.room
+    }
+})
 @observer
 export default class TotalInfo extends Component {
 
     render() {
-        const {bedRoom1, bedRoom2, kitchen, bookroom, total} = this.props.room
+        const {bedRoom1, bedRoom2, kitchen, bookroom, total} = this.props
 
         return (
             <View>

diff --git a/examples/RoomMobxWP/package.json b/examples/RoomMobxWP/package.json
@@ -2,10 +2,10 @@
 	"name": "RoomMobx",
 	"version": "0.0.1",
 	"dependencies": {
-		"@areslabs/wx-router": "beta",
+		"@areslabs/wx-router": "^1.0.0",
 		"@areslabs/wx-mobx": "^1.0.0",
-		"@areslabs/wx-mobx-react": "0.0.3",
-		"@areslabs/wx-react": "beta",
+		"@areslabs/wx-mobx-react": "^1.0.0",
+		"@areslabs/wx-react": "^1.0.0",
 		"@areslabs/wx-react-native": "^1.0.0"
 	}
-}
+}
diff --git a/examples/RoomMobxWP/src/components/Room.comp.js b/examples/RoomMobxWP/src/components/Room.comp.js
@@ -14,7 +14,6 @@ let Room =
 
             render() {
                 const { style, data, autoFocus } = this.props
-                console.log("data:", data)
                 return h(
                     "block",
                     {
@@ -46,7 +45,6 @@ let Room =
                             width: 40
                         },
                         onChangeText: price => {
-                            console.log("price:", price)
                             data.price = Number(price)
                         },
                         diuu: "DIUU00003"

diff --git a/examples/RoomMobxWP/src/components/TotalInfo.comp.js b/examples/RoomMobxWP/src/components/TotalInfo.comp.js
@@ -3,7 +3,9 @@ var _dec, _class, _temp
 import React, { Component, h } from "@areslabs/wx-react"
 import { View, Text } from "@areslabs/wx-react-native"
 import { inject, observer } from "@areslabs/wx-mobx-react"
-let TotalInfo = ((_dec = inject("room")),
+let TotalInfo = ((_dec = inject(allStores => {
+    return Object.assign({}, allStores.room)
+})),
 _dec(
     (_class =
         observer(
@@ -20,7 +22,7 @@ _dec(
                         kitchen,
                         bookroom,
                         total
-                    } = this.props.room
+                    } = this.props
                     return h(
                         "block",
                         {