Dva: Tente apoiar a promessa de devolução para envio (EFFECT_ACTION)

Criado em 19 out. 2016  ·  10Comentários  ·  Fonte: dvajs/dva

Comentários muito úteis

@nickzheng tente este método:

Use a promessa de envolver o despacho no componente, por exemplo:

   new Promise((resolve, reject) => {
      dispatch({
         type: 'users/create',
         payload: {
             values,
             resolve,
             reject,
         },
      }); 
   })
   .then( res => {
      console.log(res);
   })
  .catch( err => {
      console.log(err);
  })

E no efeito de dva, você pode escrever assim:

* create({ payload }, { put, call }) {
  const { value, resolve, reject } = payload;
  // 一些操作之后

  if (success) {
     resolve('done');
  } else {
     reject('error');
  }
}

A ideia anterior de

Todos 10 comentários

1. Se eu quiser integrar o fechamento assíncrono, https://ant.design/components/modal-cn/#components -modal-demo-async, onOk deve aceitar uma promessa em então this.setState ({
visível: falso,
confirmLoading: false,
});

Depois de despachar uma ação no dva,
Despacho({
tipo: 'usuários / criar',
carga útil: valores,
}); O valor não é uma promessa, mas uma ação.

  1. A solução pode ser colocar os estados visible e confirmLoading na loja.

    1. É possível que depois de despachar uma ação em dva, seja uma promessa, e redux-thunk seja uma promessa.Meu prato pode ser que a implementação da saga seja diferente.

@nickzheng tente este método:

Use a promessa de envolver o despacho no componente, por exemplo:

   new Promise((resolve, reject) => {
      dispatch({
         type: 'users/create',
         payload: {
             values,
             resolve,
             reject,
         },
      }); 
   })
   .then( res => {
      console.log(res);
   })
  .catch( err => {
      console.log(err);
  })

E no efeito de dva, você pode escrever assim:

* create({ payload }, { put, call }) {
  const { value, resolve, reject } = payload;
  // 一些操作之后

  if (success) {
     resolve('done');
  } else {
     reject('error');
  }
}

A ideia anterior de

https://github.com/dvajs/dva-core/blob/0fa6888/test/effects-test.js#L332 -L365, envio de suporte integrado (EffectAction) Promessa de retorno.

@sorrycc gosta de um, pergunte qual versão desse recurso foi adicionada? Não parece ver o changelog?

@daskyrk etc # 772

É compatível com dva @ 2 .

Após o suporte embutido para promessas, como definir resolver e rejeitar em vigor?
Como contar como sucesso, como contar como fracasso?
Na solução fornecida por

   new Promise((resolve, reject) => {
      dispatch({
         type: 'users/create',
         payload: {
             values,
             resolve,
             reject,
         },
      }); 
   })
   .then( res => {
      console.log(res);
   })
  .catch( err => {
      console.log(err);
  })

A promessa embutida significa transformar o topo no fundo?

dispatch({
  type: 'users/create',
  payload: {
    values,
    resolve,
    reject,
  },
})
  .then(res => {
    console.log(res);
  })
  .catch(err => {
    console.log(err);
  })

projeto

const { dispatch } = this.props;
dispatch({
   type: 'specification/fetch',
    payload: applicationId,
 }).then((data) => {
     console.log(data)
 });

modelo

 effects: {
    * fetch({ payload }, { call, put, select}) {
      const response = yield call(querySpecification, payload);
      yield put({
        type: 'list',
        payload: response
      });
      return yield select(state => state.specification.list);  //important
    }
},
reducers: {
    list(state, action) {
      return {
        ...state,
        list: action.payload
      };
    }
  }

@Youthink O que fazer na minha situação como abaixo

projeto

this.props.dispatch({
    type: 'app/login',
    payload: {
        phone: '13312332131',
        smscode: '6666',
    }
}).then(data => {
    console.log('success result', data)
}).catch(err => {
    console.warn('error result', err)
})

modelo

*login({ payload }, { call, put }) {
    // 请求状态 fetching 为 true,方便页面显示loading状态
    yield put({ type: 'updateState', fetching: true })
    // 这里进行登录 service
    const login = yield call(authService.login, payload)
    // 如果上面的 authService.login 异常了,下面的逻辑就不会进行了,下面的 fetching 设置为 false 也不会执行到
    if (login) {
        yield put(NavigationActions.back())
        Storage.set('login', login)
    }
    // 这里重置下 状态 fetching 为 false
    yield put({type:'updateState', fetching: false })
},

Acho que não importa se o back-end retorna sucesso ou se há uma exceção, ele pode ser executado para yield put({type:'updateState', fetching: false }) . Sei que é possível enviar um despacho ao modelo para definir fetching no projeto, independentemente do sucesso ou fracasso, mas não me parece muito adequado fazê-lo.

Esta página foi útil?
0 / 5 - 0 avaliações