redux相关内容

来自 React/Redux 应用程序中组件的权限检查

我正在尝试与一个构建 React 应用程序的团队合作,并试图找出创建“高阶"React 组件(一个包装另一个)以结合 Redux 数据执行身份验证的最佳方法存储. 到目前为止,我的方法是创建一个模块,该模块由一个函数组成,该函数根据是否有经过身份验证的用户返回一个新的 React 组件. 导出默认函数 auth(Component) {class Authenticated 扩展 Reac ..
发布时间:2021-12-29 11:43:38 前端开发

如何在微前端架构中共享 redux store?

我正在尝试按照 微前端 文章.我正在为每个 MFE(微前端)创建多个存储库,并为应用程序使用 Redux.我有以下架构: Frame - 一个集中式(主)存储库,负责根据路由呈现主要应用程序部分和 MFE(我使用的是 connected-react-router).它初始化 Redux 存储并添加一个 injectReducer 函数来动态添加减速器,如 redux 中的代码拆分 文档.该框 ..
发布时间:2021-12-29 11:43:17 其他开发

ReactJs/Redux Invariant Violation:找不到“商店"在“Connect(LoginContainer)"的上下文或道具中;

不知道为什么我会收到这个错误,当我将 connect 从 redux 添加到我的登录组件时发生了,所以我可以连接我的 store. 失败 src/components/auth/Login.test.js ● 测试套件运行失败 不变违规:无法在“Connect(LoginContainer)"的上下文或道具中找到“store".要么将根组件包装在 中,要么将“store"作为道具 ..
发布时间:2021-12-29 11:42:33 前端开发

在 redux 中使用样板操作和减速器

我一直遵循广泛给出的学习 React 开发的建议,首先掌握组件 props,将 UI 状态封装在组件级别 this.state 并有选择地通过组件树.这是一次有启发性的经历.我已经开始欣赏无状态视图设计模式的强大功能,并且我觉得我已经能够使用这些技术实现稳健且组织良好的结果. 继续前进,我现在正在尝试使用 redux 合并更复杂的状态管理.但是当我涉足复杂性并将 redux 集成到我的应用程 ..
发布时间:2021-12-29 11:40:55 其他开发

如何在多个组件中共享 redux 存储

嗨,我有一个组件,我将 redux 集成到我的 React 应用程序中.我正在打开第二个然后第三个组件.我不希望将我在第一个组件中获得的数据传递给 props 中的第二个然后第三个. 我想使用 redux store 来做到这一点.有没有办法做到这一点? App.js import React, { Component } from "react";从“./logo.svg"导入标志 ..
发布时间:2021-12-29 11:39:40 前端开发

我可以使用 Chrome Dev Tools 查看/修改 Redux 商店吗

React Dev Tools 非常适合与 Redux 一起使用,我可以简单地进入并修改 props/state 以查看对相关容器的影响. 但是,如果所需的 Container 未安装,我需要直接修改 Redux 存储以使其出现.这是否可以使用 Chrome Dev Tools,我可以找到 Redux 商店,它是顶级 组件,我什至可以看到 getState方法,但是有 ..

为什么使用 redux-persist 而不是手动将状态持久化到 localStorage?

另一种提问方式是,如果您真的只想使用保存在 localStorage 中的数据启动您的应用程序(再水化)并将每个 redux 状态更改保存到 localStorage(持久化)正在使用 redux-persist 比使用你自己的解决方案更好,比如 Dan Abramov 在这里解释? 我知道 redux-persist 有很多其他功能,我自己开始使用它是为了能够使用 redux-persis ..
发布时间:2021-12-29 11:38:48 其他开发

为 React Context 实现 useSelector 等价物?

有很多文章展示了如何用上下文和钩子替换 Redux(参见 (注意:React Github 页面上的这个讨论表明它不能完成) 解决方案 不,这不可能.每当您将新的上下文值放入提供程序时,所有 使用者都会重新渲染,即使他们只需要该上下文值的一部分. 这是特别是我们放弃使用上下文的原因之一在 React-Redux v6 中传播状态更新,并在 v7 中切换回使用直接存储订阅. 有 ..
发布时间:2021-12-29 11:38:37 其他开发

你如何将 componentDidMount() 与 react-redux connect() 混合?

这似乎是一个简单的用例,但我无法弄清楚.我想显示从通过 HTTP 对远程 API 的请求中检索到的项目列表.我希望在请求发生时屏幕最初显示为空白,然后在可用时填充结果. 所以我想我会有两个组件:愚蠢的“项目列表"组件和一个包装器“展示"组件,呃,在渲染带有空项目列表的哑组件时,以某种方式启动远程请求状态. 我知道如何启动初始远程请求:使用 componentDidMount(). ..
发布时间:2021-12-29 11:38:21 前端开发

React Native/Redux 应用程序中可能存在的导航问题

在使用 Redux 的大型 React Native 应用程序中导航期间,所有访问的场景(来自导航堆栈的场景)都保持挂载.当从最后一个场景组件调度任何动作时,所有这些场景都会接收道具并按照它们被访问的顺序进行渲染.它会导致调度和最后一个场景渲染之间的冻结和可见延迟. 对于导航,我使用 react-native-router-flux 但相同原始 React Native Navigator ..
发布时间:2021-12-29 11:38:15 其他开发