re:update example

Author: realign

example/rax-app/package.json

@@ -7,6 +7,7 @@
     "lint": "eslint --ext .js --ext .jsx ./"
   },
   "dependencies": {
+    "hooksux-rax": "0.0.1-alpha.3",
     "rax": "^1.1.0",
     "rax-app": "^2.0.0",
     "rax-document": "^0.1.0",

example/rax-app/src/components/Logo/index.jsx

@@ -17,11 +17,18 @@ export default () => {
   const clickEvt = () => {
     dispatch({
       type: 'update',
-      payload: {
-        basic: {
-          uri: 'https://img.alicdn.com/tfs/TB18Xm_q5_1gK0jSZFqXXcpaXXa-34-34.svg',
+      payload: [
+        {
+          basic: {
+            uri: 'https://img.alicdn.com/tfs/TB18Xm_q5_1gK0jSZFqXXcpaXXa-34-34.svg',
+          },
         },
-      }
+        {
+          basic: {
+            txt: 'image',
+          },
+        }
+      ]
     });
   };
 
@@ -32,7 +39,7 @@ export default () => {
         source={{uri: basic.uri}}
       />
       <Text onClick={clickEvt}>
-        AAA
+        {basic.txt}
       </Text>
     </View>
   );

example/rax-app/src/pages/Home/data.js

@@ -2,7 +2,8 @@ export default {
   name: 'DAbout',
   initState: {
     basic: {
-        uri: ''
+        uri: '',
+        txt: ''
     },
   },
 };

example/rax-app/src/pages/Home/index.jsx

@@ -16,7 +16,8 @@ export default function Home() {
     { // 初始化数据
       DAbout: {
         basic: {
-          uri: '//gw.alicdn.com/tfs/TB1MRC_cvb2gK0jSZK9XXaEgFXa-1701-1535.png'
+          uri: '//gw.alicdn.com/tfs/TB1MRC_cvb2gK0jSZK9XXaEgFXa-1701-1535.png',
+          txt: 'img'
         },
       }
     }

example/react-app/package.json

@@ -6,8 +6,7 @@
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.3.2",
     "@testing-library/user-event": "^7.1.2",
-    "hooksux": "0.0.1-alpha.2",
-    "hooksux-test": "^0.1.2",
+    "hooksux": "0.0.1-alpha.3",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-router": "^5.2.0",

example/react-app/src/components/art/index.js

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import './index.css';
-import { getContext } from 'hooksux-test';
+import { getContext } from 'hooksux';
 
 export default () => {
   const { state = {} } = useContext(getContext().Data);
@@ -9,8 +9,8 @@ export default () => {
   };
   return (
     <div className="m-art">
-      <p>ART - {state.basic.text}</p>
-      <button onClick={xx}>show text</button>
+      <p>ART - {state.basic.text} - {state.basic.num}</p>
+      <button onClick={xx}>show Data</button>
     </div>
   );
 };

example/react-app/src/components/footer/index.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 
 import './index.css';
 
-import { getContext } from 'hooksux-test';
+import { getContext } from 'hooksux';
 
 export default () => {
     const { state = {}, dispatch } = useContext(getContext().DAbout);

example/react-app/src/components/header/index.js

@@ -2,22 +2,27 @@ import React, { useContext } from 'react';
 import logo from './logo.svg';
 import './index.css';
 
-import { getContext } from 'hooksux-test';
+import { getContext } from 'hooksux';
 
 function App() {
     const { state = {}, dispatch } = useContext(getContext().Data);
     const { basic = {} } = state;
 
     const xEvt = () => {
         const text = '111';
+        const num = 10;
 
         dispatch({
           type: 'update',
-          payload: {
+          payload: [{
             basic: {
               text,
             },
-          }
+          }, {
+            basic: {
+              num,
+            },
+          }]
         });
       };
 

example/react-app/src/pages/About.js

@@ -3,7 +3,7 @@ import './About.css';
 
 import Footer from '../components/footer';
 
-import { initStore } from 'hooksux-test';
+import { initStore } from 'hooksux';
 import DAbout from './about.reducer';
 
 export default () => {

example/react-app/src/pages/App.js

@@ -4,7 +4,7 @@ import './App.css';
 import Header from '../components/header';
 import Art from '../components/art';
 
-import { initStore } from 'hooksux-test';
+import { initStore } from 'hooksux';
 import Data from './app.reducer';
 
 export default () => {
@@ -14,7 +14,8 @@ export default () => {
     { // 初始化数据
       Data: {
         basic: {
-          text: 'qwe'
+          text: 'qwe',
+          num: 1
         },
       }
     },

example/react-app/src/pages/app.reducer.js

@@ -2,7 +2,8 @@ export default {
   name: 'Data',
   initState: {
     basic: {
-        text: ''
+      text: '',
+      num: 0
     },
   },
 };