hujib

package.json

     "@tarojs/taro": "3.3.6",
     "react": "^17.0.0",
     "react-dom": "^17.0.0",
+    "react-redux": "^7.2.6",
+    "redux": "^4.1.2",
     "weui-miniprogram": "^1.2.3"
   },
   "devDependencies": {
-    "@types/webpack-env": "^1.13.6",
-    "@types/react": "^17.0.2",
-    "@tarojs/mini-runner": "3.3.6",
     "@babel/core": "^7.8.0",
+    "@tarojs/mini-runner": "3.3.6",
     "@tarojs/webpack-runner": "3.3.6",
+    "@types/react": "^17.0.2",
+    "@types/webpack-env": "^1.13.6",
     "babel-preset-taro": "3.3.6",
-    "eslint-config-taro": "3.3.6",
     "eslint": "^6.8.0",
-    "eslint-plugin-react": "^7.8.2",
+    "eslint-config-taro": "3.3.6",
     "eslint-plugin-import": "^2.12.0",
+    "eslint-plugin-react": "^7.8.2",
     "eslint-plugin-react-hooks": "^4.2.0",
     "stylelint": "9.3.0"
   }

src/app.js

 import { Component } from 'react'
 import Taro from '@tarojs/taro'
 import { login } from '@/services/login'
+
+import store from './store'
+
 import './app.less'
 
+
 class App extends Component {
 
   componentDidMount () { }
       success: (res) => {
         const { code } = res;
         // login({ code })
+
+
+        const action = { type: "SET_VISIBILITY_FILTER", state: { cookis: 'a1sd54a5wd654s' } }
+        store.dispatch(action)
+
+        console.log(store.getState());
       }
     })
 

src/pages/CheckDetails/index.jsx

 import ButtontWX from "@/components/ButtontWX"
 import decorate from "@/assets/icons/comm/decorate.png"
 import addresss from '@/assets/mineImgaes/addresss.png'//地址
-
 import './style.less'
 
 

src/pages/OrderInfo/index.jsx

 import { useState } from "react"
 import CustomNav from '@/components/CustomNav'
 import ButtontWX from '@/components/ButtontWX'
+import store from "@/store"
 // import BottomMoadl from '@/components/BottomMoadl/index'
 
 
   //   setShowFrame(!showFrame)
   // }
 
+  const pay = () => {
+
+  }
+
 
   return (
     <View className='page-index'>
         </View>
       </View>
       <View className='BottomtBut' >
-        <ButtontWX butText='支付' butWidth={345} butHeight={49} butFontSize={16} butBorderRadius={49} />
+        <ButtontWX butText='支付' onClick={pay} butWidth={345} butHeight={49} butFontSize={16} butBorderRadius={49} />
       </View>
     </View>
   )

src/pages/index/tabs/Homes.jsx

 import carsListImga from '@/assets/homesImgaes/carsListImga.png'//农机列表图片
 
 
+import store from '@/store'
+
 import './HomesCss/style.less'
 
 export default (props) => {
   }
 
   const goToCarsList = () => {//更多
-    Taro.navigateTo({ url: '/pages/MoreCars/index' })
+    let value = store.getState()
+    console.log('value-Home里面取值', store.getState());
+    if (value.appid == '') {
+      Taro.showToast({
+        title: '成功',
+        icon: 'success',
+        duration: 2000
+      })
+    } else {
+      Taro.navigateTo({ url: '/pages/MoreCars/index' })
+
+    }
+
   }
 
   const startReserve = () => {

src/pages/index/tabs/Mine.jsx

 import helpCenter from '@/assets/mineImgaes/helpCenter.png'//帮助中心
 import versionUpdate from '@/assets/mineImgaes/versionUpdate.png'//版本更新
 import userRight from '@/assets/mineImgaes/userRight.png'//版本更新
+import store from "@/store"
 import './MineCss/style.less'
 
 
   }
 
   const userLoginnow = () => {
+    const action = { type: "SET_VISIBILITY_FILTER", state: { appid: '55555555555' } }
+    store.dispatch(action)
+    console.log(store.getState());
 
-    Taro.navigateTo({ url: `/pages/UserLogin/index?id` })
+
+    // Taro.navigateTo({ url: `/pages/UserLogin/index?id` })
     // setIsLoginBox(true)
   }
   const goToPages = (res) => {

src/store/index.js

+import { createStore } from 'redux'
+import reducer from './reducers'
+
+
+const store = createStore(reducer) // 创建数据存储仓库
+
+
+export default store   

src/store/reducers.js

+const defaultState = {
+  appid: '',
+  cookis: ''
+}
+console.log(defaultState, 'defaultState');
+
+
+function todoApp (state = defaultState, action) {
+  state = JSON.parse(JSON.stringify(state)) //深度
+  switch (action.type) {
+    case 'SET_VISIBILITY_FILTER':
+      state = {
+        ...defaultState,
+        ...action.state
+      }
+      return state;
+    default:
+      return state;
+
+
+
+  }
+}
+
+
+// function fn (state = defaultState, action) {
+//   state = JSON.parse(JSON.stringify(state)) //深度
+
+//   switch (action.type) {
+//     case "setVisibilityFilter":
+//       state = {
+//         ...defaultState,
+//         ...action.state
+//       }
+//       return state;
+//     default:
+//       return state;
+//   }
+
+// }
+
+const state = todoApp
+export default state