如何在超时的情况下调度 Redux 操作？

[英]How to dispatch a Redux action with a timeout?

我有一个更新应用程序通知状态的操作。 通常，此通知将是某种错误或信息。 然后我需要在 5 秒后调度另一个动作，将通知状态返回到初始状态，因此没有通知。 这背后的主要原因是提供通知在 5 秒后自动消失的功能。 我没有运气使用setTimeout并返回另一个动作，并且无法在线找到这是如何完成的。 所以 ...

为什么我们需要 Redux 中异步流的中间件？

[英]Why do we need middleware for async flow in Redux?

根据文档， “没有中间件，Redux 存储仅支持同步数据流” 。 我不明白为什么会这样。 为什么容器组件不能调用 async API，然后dispatch操作？ 例如，想象一个简单的 UI：一个字段和一个按钮。 当用户按下按钮时，该字段会填充来自远程服务器的数据。 渲染导出的组件后，我可以单击按 ...

使用带有 ES6 生成器的 redux-saga 与带有 ES2017 async/await 的 redux-thunk 的优缺点

[英]Pros/cons of using redux-saga with ES6 generators vs redux-thunk with ES2017 async/await

现在有很多关于 redux 镇上最新的孩子redux-saga/redux-saga 的讨论。 它使用生成器函数来监听/调度动作。 在我全神贯注之前，我想知道使用redux-saga而不是下面我将redux-thunk与 async/await 结合使用的方法的优缺点。 一个组件可能看起来像这样，像 ...

如何重置 Redux 商店的状态？

[英]How to reset the state of a Redux store?

我正在使用 Redux 进行状态管理。 如何将商店重置为初始状态？ 例如，假设我有两个用户帐户（ u1和u2 ）。 想象以下事件序列： 用户u1登录应用程序并执行某些操作，因此我们在商店中缓存了一些数据。 用户u1注销。 用户u2无需刷新浏览器即可登录应用程序。 此时缓存的数据会 ...

什么是 mapDispatchToProps？

[英]What is mapDispatchToProps?

我正在阅读 Redux 库的文档，它有这个例子： 除了读取状态，容器组件还可以调度动作。 以类似的方式，您可以定义一个名为mapDispatchToProps()的函数，该函数接收dispatch()方法并返回要注入到演示组件中的回调 props。 这实际上没有任何意义。 既然已经有了ma ...

何时使用基于 ES6 class 的 React 组件与功能性 ES6 React 组件？

[英]When to use ES6 class based React components vs. functional ES6 React components?

在花了一些时间学习 React 之后，我了解了创建组件的两种主要范例之间的区别。 我的问题是什么时候应该使用哪一个，为什么？ 一个相对于另一个的好处/权衡是什么？ ES6 类： 功能： 我在想只要没有 state 可以被该组件操纵就可以正常工作，但是是这样吗？ 我猜想如果我使用任何生命周期方法， ...

在动作创建者中访问 Redux 状态？

[英]Accessing Redux state in an action creator?

说我有以下几点： 在那个动作创建者中，我想访问全局存储状态（所有减速器）。 这样做是否更好： 或这个： ...

在 React 组件之外访问 redux 商店的最佳方式是什么？

[英]What is the best way to access redux store outside a react component?

当我尝试访问@connect效果很好。 但是我应该如何在其他一些代码中访问它。 例如：假设我想使用授权令牌来创建可以在我的应用程序中全局使用的 axios 实例，实现该目标的最佳方法是什么？ 这是我的api.js 现在我想从我的商店访问一个数据点，如果我尝试使用@connect在 React 组件 ...

'TypeError [ERR_INVALID_ARG_TYPE]：“路径”参数必须是字符串类型。 接收类型未定义'

[英]'TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined'

我正在用 React 做一个项目，遇到了一个让我难过的问题。 每当我运行yarn start ，我都会收到此错误： TypeError [ERR_INVALID_ARG_TYPE]：“路径”参数必须是字符串类型。 接收类型未定义我不知道为什么会这样。 ...

Redux - 多家商店，为什么不呢？

[英]Redux - multiple stores, why not?

作为说明：我已经阅读了 Redux（也是猴面包树）的文档，并且我已经完成了相当多的谷歌搜索和测试。 为什么强烈建议 Redux 应用程序只有一个商店？ 我了解单店设置与多店设置的优缺点（关于此主题的 SO 有很多问答）。 IMO，这个架构决定属于应用程序开发人员根据他们的项目需求。 那么为什么对 ...

我可以在减速器中调度一个动作吗？

[英]Can I dispatch an action in reducer?

是否可以在减速器本身中调度一个动作？ 我有一个进度条和一个音频元素。 目标是在音频元素中的时间更新时更新进度条。 但是我不知道ontimeupdate事件处理程序放在哪里，或者如何在ontimeupdate的回调中调度一个动作，来更新进度条。 这是我的代码： ...

跟踪 React 组件重新渲染的原因

[英]Trace why a React component is re-rendering

是否有系统的方法来调试导致组件在 React 中重新渲染的原因？ 我放了一个简单的 console.log() 来查看它渲染了多少次，但是我无法弄清楚是什么导致组件多次渲染，即在我的情况下（4 次）。 是否存在显示时间线和/或所有组件树渲染和顺序的工具？ ...

理解 React-Redux 和 mapStateToProps()

[英]Understanding React-Redux and mapStateToProps()

我试图了解 react-redux 的 connect 方法，以及它作为参数的函数。 特别是mapStateToProps() 。 按照我的理解， mapStateToProps的返回值将是一个从状态派生的对象（因为它存在于商店中），其键将作为道具传递给您的目标组件（应用了组件连接）。 这意味着 ...

React - 在 DOM 渲染时显示加载屏幕？

[英]React - Display loading screen while DOM is rendering?

这是来自 Google Adsense 应用程序页面的示例。 在主页显示之后显示的加载屏幕。 我不知道如何用 React 做同样的事情，因为如果我让 React 组件渲染加载屏幕，它不会在页面加载时显示，因为它必须等待之前渲染的 DOM。 更新： 我通过将屏幕加载程序放入index.html并在 ...

如何在Redux中显示执行异步操作的模式对话框？

[英]How can I display a modal dialog in Redux that performs asynchronous actions?

我正在构建一个需要在某些情况下显示确认对话框的应用程序。 假设我想删除一些内容，然后我将调度一个类似deleteSomething(id)的动作，这样一些reducer会捕获该事件并填充对话框reducer以显示它。 当这个对话提交时，我怀疑了。 该组件如何根据调度的第一个 ...

Redux @connect装饰器中的“ @”（符号处）是什么？

[英]What's the '@' (at symbol) in the Redux @connect decorator?

我正在用React学习Redux，偶然发现了这段代码。 我不确定它是否特定于Redux ，但是在其中一个示例中我看到了以下代码片段。 虽然connect的功能非常简单，但是在connect之前我不了解@ 。 如果我没有记错的话，它甚至不是JavaScript运算符。 有人可以解 ...

为所有 axios 请求附加授权头

[英]Attach Authorization header for all axios requests

我有一个从 api 服务器获取令牌的 react/redux 应用程序。 在用户进行身份验证后，我想让所有 axios 请求都将该令牌作为 Authorization 标头，而不必手动将其附加到操作中的每个请求。 我对 react/redux 还很陌生，不确定最佳方法，也没有在 google 上找到 ...

呈现不同组件警告时无法更新组件

[英]Cannot update a component while rendering a different component warning

我在反应中收到此警告： 我去了堆栈跟踪中指示的位置并删除了所有设置状态，但警告仍然存在。 这是否可能发生在 redux 调度？ 我的代码： 注册.js function 在我的 register.js 调用的 registerForm 组件中触发警告 堆栈跟踪： ...

如何在 Redux 应用程序中动态加载减速器以进行代码拆分？

[英]How to dynamically load reducers for code splitting in a Redux application?

我将迁移到 Redux。 我的应用程序由很多部分（页面、组件）组成，所以我想创建许多减速器。 Redux 示例表明我应该使用combineReducers()生成一个减速器。 此外，据我了解，Redux 应用程序应该有一个商店，它是在应用程序启动后创建的。 创建商店时，我应该通过我的组合减速器。 ...

Axios 获取 url 有效，但使用第二个参数作为对象时无效

[英]Axios get in url works but with second parameter as object it doesn't

我正在尝试将 GET 请求作为第二个参数发送，但它在作为 url 时不起作用。 这有效， $_GET['naam'] 返回测试： 但是当我尝试这个时， $_GET中什么都没有： 为什么我不能这样做？ 在文档中，它清楚地表明这是可能的。 使用$_POST它也不起作用。 ...