为什么在yield put(action)会导致网页无限加载

Question

RT

我最后改成了return put(action)就好了，这是为啥呢？

app.js中componentDidMount：

componentDidMount(){
    store.subscribe(this.handlesubscription.bind(this));

    let mock = new MockAdapter(axios);
    mock.onGet('/todos').reply(200,{
      data:'this is mockup'
    });

    const action = getTodos();
    store.dispatch(action);
  }

  handlesubscription = prevState=>{
    this.setState(store.getState())
  }

actionCreators.js中的action

import { createAction } from '@reduxjs/toolkit';
import {GET_TODOS} from './actionlib'

export const getTodos = createAction(GET_TODOS)

sagas.js代码

import {takeEvery, put} from 'redux-saga/effects'
import {UPDATE_ITEM_INPUT, SUBMIT_ITEM_INPUT, DELETE_ITEM_DATA, GET_TODOS} from './actionlib'
import {getTodos} from './actionCreators'
import axios from 'axios';

function* getTodos_saga(){
  const res = yield axios.get('/todos');
  const action = yield getTodos(res.data.data);
  return put(action);
}

function* mySaga() {
  yield takeEvery(GET_TODOS, getTodos_saga);
}

export default mySaga;

Answer 1

Dell 2020-12-04 01:14:10

你这代码明显就是个死循环啊：

function* getTodos_saga(){
 const res = yield axios.get('/todos');
 const action = yield getTodos(res.data.data);
 return put(action);
}

• 提问者 慕码人7077953 #1

  噢我明白了，命名要分开

• 慕侠6607443 #2

  const action = yield getTodos(res.data.data);  是因为执行这一句 所以成了死循环吗

Answer 2

Dell 2020-12-03 00:35:58

代码贴上来看看

• 提问者 慕码人7077953 #1

  修改上去了哈，您看下