mapDispatchToProps 应该调度初始化操作吗?
假设一个无状态的、功能性的 UserProfile 组件显示给定 url 的用户数据.假设它被 connect(mapStateToProps, mapDispatchToProps)(UserProfile) 包裹.最后，假设一个化简为 state.userProfile 的 reducer.每当 url 更改时，我都需要重新初始化 state.userProfile，因此想到的解决方案是从 m
..
redux相关内容
在 React 中的按键上应用按钮“活动"样式
我在 React/Redux 中有一个鼓应用程序，它功能齐全，但我希望能够在相应的按键按下时应用活动按钮样式，就像我物理单击按钮时一样.就目前而言，单击按钮会进行转换，但键入相应的键只会播放音频文件，并没有真正链接到按钮.有没有办法在按键上标记相应的按钮处于活动状态? 这是我的 CodeSandbox:https://codesandbox.io/s/k29r3928z7 解决方案
..
在 Redux 中重写状态
在 redux 中，我知道状态是不可变的，当您创建新状态时，您实际上是在使用新信息更新对象，然后完全重写状态. 今天我有一个想法，我不确定它有多愚蠢. 不断重写状态在计算上是否昂贵?我知道这是 Redux 的主要范式之一，但我想知道从内存和空间的角度来看这是否有意义. 解决方案 你可以在 Redux 中改变状态，但你不应该不惜任何代价这样做，因为你会在 Redux 反模式
..
类型错误:使用 react-create-app jest 和酶进行测试时，调度不是函数
我正在尝试对使用 react-create-app 创建的新项目进行测试.现在似乎正在使用 React 16 和 Jest 3(据说它们有一些重大更改，或者可能是 enzime).我收到类似于这篇文章的错误 TypeError: dispatch is not a function 当我尝试使用 JEST 测试方法时 TypeError: dispatch 不是函数在 App.compone
..
redux-observable 中的独立链取消?
我是 RxJS 的新手.在我的应用程序中，我需要独立取消延迟操作.这是一个工作示例(延迟为 3 秒).但是当我选择删除多个项目并取消其中一个时，又一次全部取消. 史诗代码: const itemsEpic = action$ =>action$.ofType('WILL_DELETE').flatMap(action =>Observable.of({type: 'DELETE', id:
..
如何对 reduxsauce 进行单元测试?
我将 reduxsauce 库用于 redux 存储，我想对其中的单个 redux 存储进行单元测试.redux 文件: import { createReducer, createActions } from 'reduxsauce'从“无缝不可变"导入不可变/* ------------- 类型和动作创建者 ------------- */const { 类型，创建者 } = createA
..
Reactjs - 在 api 调用失败时注销/重定向用户
我使用 Reactjs 构建了一个 Web 应用程序.我使用路由器和 redux 进行状态管理以进行身份验证.一切正常，但问题出在 api 调用上.在用户登录并调用 ... 服务后，我想检查服务的响应是否包含任何令牌问题(例如:令牌已过期).如果存在令牌问题，我想使令牌无效(将其删除)并将用户发送回带有错误消息的登录页面.现在，如果我在 redux action/reducer 中执行所有 a
..
组件的子组件不应发生突变
我有一个 react-redux 应用.我通过 Redux 商店的 AJAX 部分获取数据.这部分看起来像这样: 计数:{警告:0，新:0，in_hands: 0,已完成:0，拒绝:0} 更改此值后，React 渲染组件 render() {变量计数 = [{id: '警告',计数:parseInt(this.props.counts.warning)，名称:'Внимение'},{id
..
在 Redux 和 React 中处理错误的最佳实践
我的 redux 操作中有一个异步函数，它在我的减速器中返回一个像这样的对象: {用户:{}，取:假，取来的，假的，错误:空} 所以基本上当我开始调用异步函数时，我将 redux 状态更新为 fetching: true，如果结果成功实现，则 fetched:true 和 取:假 因此，我使用 react-redux 中的 connect 将 redux 状态映射到 props，并将其添加到
..
是否可以将非组件类连接到 redux 存储?
所以我使用的是具有 ApiClient 帮助程序的 react-redux 样板.它看起来像这样: 导出默认类 ApiClient {构造函数(请求){/* eslint-disable no-return-assign */methods.forEach((method) =>this[method] = (path, withCredentials, { params, data } = {
..
React Native(使用 Redux)以编程方式为 Switch 设置动画
我有一个组件，里面有 Switch 组件.整个组件都是可点击的.当你点击这个组件时，它会触发 dispatch(修改 redux store)并导致这个组件被重新渲染.我需要的是不要重新渲染整个组件，而只是将该 Switch 组件动画化到正确的状态. 类似的东西 {this.props.title}
..
Redux - 将 ownProps 参数传递给选择器
我无法将变量 ownProps 从 mapStateToProps 传递给选择器.我的选择器: export const nameSelector = createSelector([状态 =>state.element.get('name')],(名称) =>!name.trim());const mapStateToProps = (state, ownProps) =>({disabled
..
React:显示模态时不能为函数组件提供参考
模态在 App.js 中的 hashRouter 下呈现.当状态 isOpen 为真时显示模态. 尝试使用 react redux 显示 Modal 时出现此错误. 警告:不能为函数组件提供引用.尝试访问此引用将失败.你的意思是使用 React.forwardRef() 吗?检查`TrapFocus` 的渲染方法.在 ConnectFunction 中(在 Modal.js:41)在 Tr
..
如何在多个 React Redux 组件中使用 requestAnimationFrame 实现游戏循环?
努力想出最好的方法.我可以使用带有 requestAnimationFrame 的递归调用来进行游戏循环: 导出接口道具{名称:字符串；点数:数量；onIncrement?: () =>空白;onDecrement?: () =>空白;}class Hello 扩展 React.Component{构造函数(道具:道具){超级(道具)；}使成为() {const { name, points,
..
如何将操作传递给 redux 中的组件
我想在我的组件中触发一个动作.这是一个演示组件，不需要 redux 感知.路由器实现是使用 react-router-redux 完成的. main.js: let store = createStore(rootReducer)const history = syncHistoryWithStore(hashHistory, store)类 RenderClass 扩展组件 {使成为()
..
将属性映射到 react-redux 中的状态
我有一个使用 state 向用户提供数据的组件.例如 this.state.variableInState.这个组件可以调度一些方法(例如在 onClick 动作上).我目前正在使用 react-redux 一个 connect 方法将 store 映射到 props.有什么办法可以在派送后 setState 吗? //动作导出函数 executeAction() {返回函数(调度，getSt
..
如何在反应中选中/取消选中复选框列表
我有一个 room 页面，在该页面中我有一个附加到该房间的传感器列表，可以使用复选框选择这些传感器，如下所示: {sensors.map(s => {返回 (
..
如何将简单的 Formik 表单与 Redux 存储连接并分派动作?
我是 react/redux 的新手，但可以为我的应用实现一些简单的 addProduct 表单.今天我尝试用 Formik 从这个 基本演示，但我不明白我应该在哪里放置“调度"功能(我到处都试过了). 可能是我以错误的方式使用了连接? 我的新组件与 Demo 中的完全一样，除了我用 productName(和其他附加字段)替换了电子邮件).但我无法理解如何将“值"从 Formik 传
..
Redux 存储会导致内存泄漏吗?
我有一个仪表板应用程序，其中有几个图表会按设定的时间间隔更新.我的第一个想法是更新商店中的数据，然后让所有图表从那里输入. 但这会导致内存泄漏吗?由于 Redux 每次数据更改时都会创建一个新存储并保留旧存储.每秒大约 2mb 的数据会堆积起来并导致应用程序崩溃吗? 我看到的替代方法是将数据保持在本地状态(使用 setState).我希望一些更有经验的 React/Redux 开发人员
..
路由器状态未在使用 redux 的 react-native 中持久化
我在 react-native 中有以下 redux 配置，使用 react-native-router-flux 和 redux-persist.我想在刷新时检索最后一条当前路由，但是路由堆栈在重新加载时被覆盖. 这是reducers/index.js文件 import { combineReducers, createStore, applyMiddleware, compose }
..