gpt4 book ai didi

javascript - 如何在获取数据时在 React Redux 应用程序中显示加载指示器?

转载 作者:IT王子 更新时间:2023-10-29 02:43:13 25 4
gpt4 key购买 nike

<分区>

我是 React/Redux 的新手。我在 Redux 应用程序中使用 fetch api 中间件来处理 API。它是 ( redux-api-middleware )。我认为这是处理异步 api 操作的好方法。但是我发现有些情况我自己解决不了。

正如主页 ( Lifecycle ) 所说,获取 API 生命周期开始于调度 CALL_API 操作,结束于调度 FSA 操作。

所以我的第一个案例是在获取 API 时显示/隐藏预加载器。中间件会在开始时派发一个 FSA Action ,在结束时派发一个 FSA Action 。这两个 Action 都由 reducer 接收, reducer 应该只进行一些正常的数据处理。没有UI操作,没有更多的操作。也许我应该将处理状态保存在状态中,然后在存储更新时呈现它们。

但是如何做到这一点呢? react 组件流过整个页面?从其他操作更新商店会发生什么?我的意思是它们更像是事件而不是状态!

更糟糕的情况是,当我必须在 redux/react 应用程序中使用原生确认对话框或警报对话框时,我该怎么办?它们应该放在哪里,action 还是 reducer?

致以最良好的祝愿!求回复。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com