redux相关内容

如何在 React/Redux 中取消挂起的异步操作

考虑以下情况: 当用户导航到页面时，将分派两个异步 Redux 操作以并行获取两组相关数据.如果这些提取中的任何一个失败，组件都会检测到它，它将在下一个周期呈现错误组件，然后在安装时分派 clearState 操作. 然而，另一个动作仍然有待解决/拒绝，并且会破坏干净状态.目标是在调用 clearState 操作创建者时中断此(最好是许多其他)挂起的异步操作.AFAIK，无论如何，待处 ..

发布时间：2021-12-21 18:47:48 javascript ajax asynchronous reactjs redux 前端开发

如何在 Chai 的单元测试中使用 localStorage

我有一个带有 react 和 redux 的应用程序.我的测试引擎是 - Chai 在我的减速器 (src/my_reducer.js) 中，我尝试像这样从 localStorage 获取令牌: const initialState = {轮廓: {}，令牌:window.localStorage.getItem('id_token') ?window.localStorage.getIt ..

发布时间：2021-12-21 18:47:42 javascript reactjs unit-testing redux chai 前端开发

为什么 Material-UI Appbar onLeftIconButtonTouchTap 不起作用?

我正在学习 React-Redux、Material-UI. 现在，我正在尝试创建示例应用程序，但不起作用. 我不知道如何改进我的代码. 我想打开 Drawer ，当 Material-UI AppBar onLeftIconButtonTouchTap 被点击时. 我想我无法将我的 Action 绑定到组件. 当以下代码运行时，不会触发 onLeftIconButtonTouchTap ..

发布时间：2021-12-21 18:47:29 javascript reactjs redux material-ui 前端开发

React Redux mapDispatchToProps 与 this.props.dispatch

直到现在，我都是这样使用容器和组件操作的: 使用 mapDispatchToProps 函数: const mapDispatchToProps = (dispatch) =>{返回 {切换侧边栏:() =>{调度(切换侧边栏())；},登出:() =>{调度(注销())；}}}; 现在我是这样试的: this.props.dispatch(toggleSidebar())} logo ..

发布时间：2021-12-21 18:47:18 javascript reactjs redux 前端开发

React/Redux 中的生命游戏，有助于提高性能

我正在使用 react/redux/javascript 开发 The Game of Life 的一个版本，而我正在使用它，但性能却很糟糕. 这是正在运行的游戏的链接这里是 Githhub 上的源码 目前，我每时每刻都在更新每个单元格的状态(用户可更改 250,500,750 毫秒).为此，我正在遍历代表每个单元格的对象数组.每个对象中都有一个名为 status 的参数，它可以是一个 ..

发布时间：2021-12-21 18:46:48 javascript reactjs redux 前端开发

React-router v4 页面刷新不起作用

我可能遗漏了历史记录或其他内容，但是当我刷新子路由(例如 /login 或我得到的任何其他路由)上的页面时: 403 禁止 代码:拒绝访问消息:访问被拒绝请求 ID:075CAA73BDC6F1B9主机 ID:O1n36xVCoeu/aLaSMrtCkAFZruWk5ZcO4RIrznEhvUxdu8lFEhL0XcKw2L4W4J7VYYet+HDv8tc= 请记住，只要我不刷 ..

发布时间：2021-12-21 18:46:41 javascript reactjs redux react-router react-redux 前端开发

MapDispatchToProps 导致父组件中的 Typescript 错误，期望操作作为道具传递

在我的子组件中，我定义了 MapDispatchToProps，将它们传递给 connect 并相应地定义了一个接口 PropsFromDispatch，该接口在 React.Component Props 接口中扩展.现在在我的父组件中，Typescript 告诉我它缺少我在 PropsFromDispatch 中定义的属性. 这似乎并不完全荒谬，因为我将它们定义为 React.Compo ..

发布时间：2021-12-21 18:46:31 reactjs typescript redux react-redux redux-thunk 其他开发

使用 axios 获取 400 错误错误请求

我正在使用 axios 并收到 400 个错误的请求错误.我正在使用 react-redux 并尝试向 localhost:3000/posts 发送 post 请求.这是我正在使用的代码. 从'axios'导入axios；进口 {GET_ALL_POSTS，GET_POST,CREATE_POST，DELETE_POST,更新_POST} 来自'./types';const ROOT_URL ..

发布时间：2021-12-21 18:46:23 reactjs redux axios 其他开发

在 React + Redux 中，Action 不会触发减速器

我正在开发一个 react-redux 应用程序，由于某种原因，我调用的操作没有到达 reducer(其中我目前只有一个 log 语句).我附上了我认为相关的代码，任何贡献都将受到高度赞赏. 在组件的函数内调用的动作: onSearchPressed() {console.log('搜索被按下');this.props.addToSaved();} actions/index.js: ..

发布时间：2021-12-21 18:46:17 javascript ios reactjs react-native redux 移动开发

React/redux 应用程序在 Safari 上呈现空白屏幕

我在 React/redux 中构建了一个应用程序，它适用于我尝试过的所有浏览器，但适用于 MacOS 上的 Safari 和 iPhone 上的任何浏览器.我没有收到错误消息，没有控制台消息，也没有任何可以给我一些想法的东西.它只在 Safari 中呈现标签并且屏幕是空白的. http://podcast.exploration.io 你知道我如何追踪这个问题吗? 谢谢 ..

发布时间：2021-12-21 18:46:10 javascript reactjs redux redux-saga 前端开发

“@@INIT"的目的是什么?react-redux 中的操作?

刚刚注意到它总是在打开页面时调度的第一个动作.是不是用reducer的默认状态来初始化store? 解决方案 我想这会回答你的问题. //当一个存储被创建时，一个“INIT"；动作被分派，以便每个//reducer 返回它们的初始状态.这有效地填充//初始状态树.dispatch({ type: ActionTypes.INIT }) 来源 更新 24.02.2020 由于 ..

发布时间：2021-12-21 18:45:55 javascript reactjs redux 前端开发

如何添加<链接>每个 Material-UI TableRow 都有反应路由器吗?

如何在 .map 中为每个 TableRow 添加链接? *我的错误是 validateDOMNesting(...): 不能作为“"的孩子出现我正在使用反应路由器 react-router-dom 如何在TableTableRow中.map的每个循环中添加链接? import React, { Fragment } from 'react'从'material-ui'导 ..

发布时间：2021-12-21 18:45:46 reactjs redux react-router material-ui react-router-dom 其他开发

未捕获的错误:不变违规:元素类型无效:应为字符串

我正在尝试调试我的 React 代码. 在我的渲染方法中，我尝试放置调试器和调试器. 在我跳过 retun 方法后，它会转到 warning.js. 在我跳过warning.js 后，如果有条件，它会实例化ReactComponent.js 我不知道为什么它会转到不同的文件.你能告诉我为什么它会转到不同的文件. 不确定如何调试. 如果你们能给我一些解释，这样我就可以自己修复错误，那就太 ..

发布时间：2021-12-21 18:45:25 javascript jquery reactjs react-native redux 前端开发

如何使用 redux 存储变量更新 FieldArray 元素

我正在使用带有 FieldArray 的 redux-form.默认情况下，数组中有 1 个元素，它是从 JSON 填充的.我最多可以添加 3FieldArray 组件中的元素. 在下面的代码中，'elementList'属性来自 JSON，我也有名为的存储变量作为“元素"和“元素列表".我用 elementList 初始化这些存储变量首先从 JSON 开始，然后在“添加"时不断更新存储变量 ..

发布时间：2021-12-21 18:45:13 javascript arrays json reactjs redux 前端开发

无法使用 react 和 redux 在组件中显示数据

我试图在我的组件上显示一些虚拟数据，但我没有看到任何显示在它上面.当我 console.log 预期结果时，我得到 [object Object]. 我想我的 actions、actionCreators 和 reducers 缺少一些东西. #actions/types.jsexport const FETCH_USERS = 'fetch_users';#actions/index.j ..

发布时间：2021-12-21 18:45:09 javascript reactjs redux 前端开发

将 react-hot-loader 添加到弹出的 create-react-app

我正在使用此提交中的说明尝试添加react-hot-loader 版本 3 到 create-react-app.(滚动到底部查看 babel 和 webpack 配置) 编辑:将 'webpack/hot/dev-server' 更改为 'webpack/hot/only-dev-server' 允许热重新加载工作.为什么这样?另外，如果无法重新加载完整状态，我该如何让它重新加载网页? ..

发布时间：2021-12-21 18:45:01 javascript reactjs webpack redux babeljs 前端开发

如果表单不完整，则取消 componentWillUnmount

我有一个带有 redux-form 的表单设置，基本上想要创建一个场景，如果在表单的任何输入中填写了内容，并且您尝试离开页面，您会收到提示. 如果他们单击取消，则目的是取消页面卸载或页面导航.我尝试创建一个条件，如果满足它只会 return 但它仍然导航离开当前页面. 这可能是很自然的，而且我还不了解 react/react-router 工作流程，但就目前而言，有人能解释一下最好的方 ..

发布时间：2021-12-21 18:44:47 javascript reactjs redux redux-form 前端开发

通过更改 react-intl 包装器道具切换语言时，我的 redux-form 被重新初始化

我将我的应用程序包装在来自 react-intl v2，像这样: 而且我有我的 react-form 表单.一切都很棒. 但是如果我开始填写表单，并且我决定更改 UI 的语言(通过监听将更新我的 lang 和 messages props 通过我的 redux store)，表单正在被重置:-/ 我看到操作 redux-form/INITIALIZE 在语言改变时被触发. ..

发布时间：2021-12-21 18:44:38 reactjs redux redux-form react-intl 其他开发

如果令牌过期则注销

我正在开发一个包含许多 API 请求的 React 应用程序.应用程序的结构是 登录时，我在响应时收到一个令牌，并将令牌保存在我的本地存储中以用于其他 API 请求. 此令牌每 30 分钟过期一次，如果我在 30 分钟后发出 API 请求，我的请求中会收到 401 状态.我正在使用此 401 状态注销并清除本地存储中的令牌数据. 示例请求 导出函数 stationDailyUs ..

发布时间：2021-12-21 18:44:27 javascript reactjs redux axios token 前端开发

无法在 redux-form w 中设置默认值.反应

我无法为带有 redux-form 的表单设置默认值.我正在寻找的结果是一个可编辑的文本字段，以便稍后提交到数据库.即更新电子邮件地址. 我尝试将表单中的属性设置为 value 或 defaultValue.注意:我已经删除了重复的代码，以便仅使用“名称"字段就可以更轻松地阅读. 感谢任何见解！ import React, { Component, PropTypes } from ..

发布时间：2021-12-21 18:44:08 forms reactjs redux 其他开发