saga

Author: Z-wave

src/redux/actionCreator/index.jsx

@@ -1,6 +1,11 @@
  export default {
+    testData: (data) => {
+        return {
+            type: 'GET_START',
+            params:data
+        }
+    },
     getIndexData: (data) => {
-        console.log(11111);
         return {
             type: 'GET_INDEXLIST',
             params:data

src/redux/reducers/index.jsx

@@ -1,10 +1,11 @@
-export default (state = [], action) => {
-    console.log(3333);
+export default (state, action) => {
+    console.log(action);
     switch(action.type) {
         case 'GET_START':
             return {indexList:[], status: 'GET_START' }
         case "GET_INDEXLIST":
-            if(action.more){
+            let {params={}} = action
+            if(params.more){
                 let arr = [...state,...action.data]
                 return {indexList:arr, status: 'LOADING_STATE' }
             }else{

src/redux/sagas/index.jsx

@@ -2,14 +2,14 @@ import { put, takeEvery } from 'redux-saga/effects'
 import axios from 'axios'
 
 function* getIndexData(params) {
-    console.log(params);
     try {
-        const res = yield axios.get('/v1/topics',{params:params})
+        const res = yield axios.get('/v1/topics',{params:params.params})
 
         if(res.status == 200){
             yield put({
                 type: "GET_INDEXLIST",
-                data: res.data.data
+                data: res.data.data,
+                params:params.params
             });
         }
     }catch(e){
@@ -19,5 +19,5 @@ function* getIndexData(params) {
 }
 
 export default function* fecthData() {
-    yield takeEvery("GET_INDEXLIST", getIndexData)
+    yield takeEvery("GET_START", getIndexData)
 }

src/utils/index.jsx

@@ -27,7 +27,7 @@ global.delcookie = function(name){
     if(cval!=null) document.cookie= name + "="+cval+"; path=/;expires="+exp.toGMTString();
 }
 
-global.isScrolling = function(){
+global.isBottom = function(){
     const { scrollTop } = document.documentElement || document.body
     const { clientHeight, scrollHeight } = document.documentElement;
 

src/views/index/index.jsx

@@ -21,7 +21,7 @@ class App extends React.Component {
     componentDidMount() {
         let { dispatch,match } = this.props
 
-        dispatch(actionCreator.getIndexData(this.params));
+        dispatch(actionCreator.testData(this.params));
         setInterval(()=>{
             this.halderScroll()
         },1000)
@@ -35,27 +35,32 @@ class App extends React.Component {
             this.params.tab = tab
             this.params.page = 1
             this.params.more = false
-            dispatch(actionCreator.getIndexData(this.params));
+            dispatch(actionCreator.testData(this.params));
         }else{
-            this.isLoad = true
+            setTimeout(() => {
+                this.isLoad = true
+            }, 2000);
         }
 
     }
 
 
     halderScroll(){
         let { dispatch } = this.props
+        let timer = null
 
-        if(isScrolling() && this.isLoad){
+        
+        if(isBottom() && this.isLoad){
+            console.log(1111);
             this.params.more = true
             this.params.page++
-            dispatch(actionCreator.getIndexData(this.params));
+            dispatch(actionCreator.testData(this.params));
             this.isLoad = false
         }
+
     }
 
     render() {
-        console.log(this.props);
         let {indexList = []} = this.props
 
         return (