代码之家 › 专栏 › 技术社区 › Rahul Singh

利用Redux-Saga实现组件与API的通信

redux-saga redux reactjs

Rahul Singh · 技术社区 · 6 年前

或

使用某个服务层从组件调用。

this 关于git的问题,如果这是可能的,有太多的排列和组合,我有点困惑。。

stackblitz .

function* helloSaga() {
  return new Promise(function(resolve, reject) {
    resolve('start of new Promise');
  });
}

像这样访问它

let response = dispatch(action('SHOW')).then(data => {
  console.log(data); // i cannot get this to work say if this were a api response .
})

什么也没发生。

这个模式可以接受吗?如果是的话,我们怎么才能让它工作?我错过了什么

getData() 应该足够了 componentDidMount() .

0 回复 | 直到 6 年前

Daniel 6 年前

生成器函数并不像任何“常规”函数那样返回值(或者在您的情况下是promise)。它返回一个生成器对象,您可以暂停、继续、取消等。

在web应用程序中使用redux saga的方法是:

一旦它存储在redux存储区中,您就可以从您想要的任何react组件中选择它(使用 connect

下面是你的stackblitz和一个最小的例子:

try{..}catch(){..} FETCH_FAILED 并在FE中显示错误消息(如果它影响到用户)。

推荐文章

zuZuu · React Redux-无法设置未定义的属性(设置“value”)

3 年前

universe11 · 对伊默来说,这是正确的还是错误的?

3 年前

Huy282002 · 将redux toolkit与JS一起使用时,不能跳过在CreateSicle()中键入状态

3 年前

Mistakamikaze · React Redux |在全局Redux状态之前更新本地状态

3 年前

Kiv Daor · 当某些项具有未知值时,排序数组无法正常工作

3 年前

Chong Lip Phang · 不变性检查中间件在Redux工具包中做什么?

3 年前

geyser · React Redux toolkit-输入字段的状态管理

3 年前

Avishay Matayev · 正在获取redux的connect HOC的包装组件类型,以便与React一起使用。在不重新导入的情况下重新创建对象

3 年前

Hamed Ezati · 为什么项目会附加到redux而不是替换?

3 年前

Arash jahan bakhshan · redux未使用React 18重新呈现组件

3 年前