redux 相关问题

Angular - 列表不会通过输出发出事件来刷新

我用 Angular 7 和 @Angular-Redux/Store 9 编写了一个应用程序。 这个应用程序有两个包含英雄对象的列表。每个对象都有一个布尔标记。第一个列表将对象显示为“true”标记。奥...

RTK查询中提供缓存失效标签有什么区别？

我正在按照官方文档学习RTK查询。但是，我不确定像这样进行缓存失效有什么区别 getUsers: build.query({ 查询...

React+Redux。 Connect 不更新组件的状态

我在使用 Redux 时遇到一些问题。 我创建了 Reduser，它工作得很好。它改变了存储，我可以在 ReduxDevTools 中显示它。 但在组件状态不会更新。 我有mapStateToProps，

在反应组件之外访问全局存储？

是否可以在react-admin中的react组件之外访问全局存储？ 你正在导出你的 redux 商店吗？ 就像是 从 'react-admin' 导入 { store };

同步多个 Redux 存储的最佳实践

我们有一个跨多个团队管理的应用程序，我们希望通过使用微前端方法在应用程序之间创建灵活性和隔离，每个应用程序将有...

我应该使用Redux store.subscribe()还是用react-redux包装我的应用程序<Provider>？

我看到了两种方法： 在此示例中，该示例取自 Dan Abramov 的课程， 他正在使用这种方法： 常量渲染 = () => { ReactDOM.render( 我见过两种方法： 在这个示例中，该示例取自 Dan Abramov 的课程， 他正在使用这种方法： const render = () => { ReactDOM.render( <Counter value={store.getState()} onIncrement={() => store.dispatch({ type: 'INCREMENT' }) } onDecrement={() => store.dispatch({ type: 'DECREMENT' }) } />, document.getElementById('root') ); }; store.subscribe(render); Redux 中的 store.subscribe() 函数允许添加在调度操作时调用的侦听器。 在这个其他示例中，这是 Redux 文档中的示例： render( <Provider store={store}> <App /> </Provider>, document.getElementById('root') ) 不使用 store.subscribe，而是将整个应用程序包装在 <Provider> 组件中。 这两种方法有什么区别？ 看来他们在做同样的事情，就是确保App拥有最新版本的状态。 如果我用 <Provider> 包装了我的应用程序，我可以/应该使用 Store.subscribe 吗？ 您可以使用第一种方法，但是您应该在将来将存储传递给所有其他组件。手动执行此操作需要大量工作，但除此之外它还会使事情变得困难，例如测试等。 Provider 不是 Redux 的一部分，但附带 react-redux 让事情变得更容易。你用它包裹你的组件，它会一直向下传递存储。 react-redux还提供connect功能。您可以在组件中任何想要到达操作调度程序和状态的地方使用它。 所以，你可以很容易地看出，使用 Provider 组件几乎是事实上的标准。因此，您可能想使用它，并且不必费心手动执行 store.subscribe 并将您的商店传递给其他组件。所以，如果您使用 Provider，您就不会使用 store.subscribe。 render( <Provider store={store}> <App /> </Provider>, document.getElementById('root') ) 然后，在另一个您想要使用 redux 优点的组件中： const Component = ... const mapStateToProps = (state) => ({ value: state.someValueFromState }); const mapDispatchToProps = { action, otherAction }; export default connect( mapStateToProps, mapDispatchToProps // or you can use action creators directly instead of mapDispatchToProps // { action, otherAction } )(Component); 然后，您可以使用动作创建者和状态值作为Component中的道具。 <Provider> 组件特定于官方 React-Redux 绑定器。因此，如果您使用 React-Redux（而不仅仅是 Redux），请使用 <Provider>。 <Provider> 组件将确保其中包含的所有内容都可以访问商店。 在真实的应用程序中，您不应该直接订阅商店。 React-Redux 会为你做到这一点。 请参阅我们关于 “为什么使用 React-Redux？” 的新文档页面以获取更多解释，以及我最近的帖子 惯用的 Redux：React-Redux 的历史和实现以获取有关一些工作的详细信息React-Redux 可以让你不必这么做。

将基于promise的React应用程序转换为redux-saga：如何设置React组件变量？

我是 redux-saga 的初学者，作为一项任务，我想我会尝试将现有的大型 React 应用程序从 Promises 转换为 redux-saga。我正在取得一些进展，但我遇到的一个问题是，当我...

在 redux 中对同一数据片进行操作的拆分减速器

我有一家商店，形状是这样的： { // ...数据 用户：{ 保证：{ W_1：['O_1'，'O_2']， W_2：['O_3'，'O_4'] } } } 以 W_ 开头的钥匙可保证...

配置 redux 在所有浏览器上显示无法正常工作

我按照官方文档的说明进行操作；我的应用程序在 Chrome 中运行良好，指向 localhost:3000。然而，现在我遇到了一个问题，因为似乎如果浏览器......

如何更新 Redux 存储中的对象？

我想随着用户在应用程序中的进展，在 Redux 存储中的对象中一个接一个地添加项目。因此，我想在商店中添加商品，而不删除以前的商品...

提取 Redux Store/State 作为选择器

目前我必须重新配置我的商店以创建选择器。有一个更好的方法吗。 从“../configureStore”导入{configureStore}； const { 存储 } = configureStore(); 出口c...

如何清理你的商店

在发帖之前，我尝试阅读这篇文章中 Dan Abramov 的超级答案 我的代码有一点问题，我很乐意理解我的错误： 1）这是我的索引文件 导入 { 组合Re...

如何使用 Redux 来存储我的用户身份验证（令牌）？

我开发了一个 chrome 扩展，将登录与网站链接起来。 我正在使用 JWT 令牌对用户进行身份验证。因此，我将这些令牌存储在本地存储和 cookie 中。但是，我...

Redux：未捕获错误：操作可能没有未定义的“类型”属性。您是否拼错了常数？

我决定拆分我的 redux 存储——现在表示逻辑存储桶，即用户、ui 等。 这些文件各自包含每个类别的初始状态、操作类型和减速器...

无法使用 Redux 更新嵌套对象的属性

在 React 中，我们有一个最佳实践，不要直接修改状态，即突变...... 这在 Redux 中也很重要...... /* 初始状态 */ 导出 const usersStartState = { users: { isLoggedIn: false } } 前...

如何在redux store和action中传递类变量？

我正在尝试使用 GAPI 实现 Google 身份验证，并且我想将 GAPI 获取的用户的 userId 存储到 redux 存储中。我不知道如何将类组件变量传递到 r...

如何在 Redux store 中保持状态不改变？

我正在构建一个将执行 SSR（服务器端渲染）的单个应用程序，并且我正在使用 React + Redux。 我刚刚开始在这个应用程序中实现 Redux。它之前是仅使用 React 构建的应用程序...

React 操作如何访问调度？

在我的反应项目中，我有一个如下所示的操作文件： const startLoad = () => 异步（调度）=> { 派遣（{ 类型：CONTENT_LOAD， }); }; // 获取所有内容 导出常量

Redux 订阅并更新到 UI

我能够在单击按钮期间正确地控制台记录增量和减量结果。我正在尝试使用 myStore.getState() 更新 UI，但似乎不起作用。我如何订阅和更新...

无法使用axios进行post请求，返回未经授权的401错误

我使用 Redux、React 和 Node 从头开始创建了一个身份验证服务。一切都工作正常，直到我将 Post 部分或 redux 连接到后端。我想 redux 部分还可以。我的问题是...