redux相关内容

为什么我们需要中间件用于 Redux 中的异步流?

根据文档，"没有中间件，Redux store 只支持同步数据流".我不明白为什么会这样.为什么容器组件不能调用异步 API，然后 dispatch 动作? 例如，想象一个简单的 UI:一个字段和一个按钮.当用户按下按钮时，该字段将填充来自远程服务器的数据. import * as React from 'react';从'redux'导入*作为Redux；从'react-redux' ..

发布时间：2022-01-31 11:49:41 javascript asynchronous reactjs redux redux-thunk 前端开发

React Native - “您当前正在使用 NODE_ENV 之外的缩小代码 === “生产""

..

发布时间：2022-01-23 14:08:44 react-native redux react-redux expo 其他开发

检查一个组件是另一个组件 ReactJS 的子组件还是祖先组件

我正在创建一个具有未知数量的子级和祖先的 ReactJS 组件，当某个事件发生在其中一个祖先上时，父组件应该知道它.我的第一种方法是使用 redux 并通过 redux 操作发送子组件，然后主父组件将被警告并检查发送的组件是否是其祖先之一.但是，如果另一个组件是它的祖先之一，父 reactJS 组件是否可以通过某种方式知道? 解决方案 父级可以在上下文中定义一个函数，子级可以调用这个函数: ..

发布时间：2022-01-21 11:19:11 reactjs components redux children ancestor 其他开发

在获取数据时显示 CSS 加载指示器

我有一个不确定的线性 css 加载指示器，就像材料设计中的那样.每次我从 Redux 的 reducer 获取数据时，我都会显示这个指标.问题是，当指标出现时，它并没有被动画化.看起来整个页面都冻结了，直到 reducer 填充了数据. 假设我的加载指示器始终可见且具有动画效果.一旦我将数据提取/请求到减速器中，加载指示器就会停止动画. 您认为这是什么原因造成的?它是可修复的还是我需要 ..

发布时间：2022-01-20 15:11:10 css reactjs loading fetch redux 前端开发

如何将 setTimeout 添加到使用 redux 的 fetch 承诺中?

如果 fetch 承诺没有得到解决，经过一定的秒数后，我想向用户显示超时错误. 我在这里看到了一些添加 setTimeout 的好例子:https://github.com/github/fetch/issues/175 但是我如何处理超时也使用 redux 的 fetch promise?例如 导出函数 getData() {return (dispatch, getState) ..

发布时间：2022-01-20 14:48:44 reactjs promise react-native redux fetch 其他开发

使用 Jest 在 Redux thunk 中测试分派的操作

我对 Jest 很陌生，而且我承认我不是测试异步代码的专家... 我使用了一个简单的 Fetch 助手: 导出函数 fetchHelper(url, opts) {返回获取(网址，选项).then((响应) => {如果(response.ok){返回 Promise.resolve(response);}常量错误=新错误(response.statusText || response.s ..

发布时间：2022-01-20 14:22:32 reactjs redux fetch jestjs redux-thunk 其他开发

redux fetch body 在没有 cors 模式的情况下不使用

我有这个调用函数的动作: dispatch(Api({url: "my_url", method: "POST", data: data})) 这里我将数组作为数据传递.. 从 'isomorphic-fetch' 导入 fetch导出默认函数 Api({url, method, headers, data}={}){返回调度=>{控制台日志(数据)控制台日志(网址)控制台日志(方法)con ..

发布时间：2022-01-20 14:14:48 javascript reactjs fetch redux fetch-api 前端开发

调用动作时无限后循环

这不是一个特定的错误，我在调用函数时得到一个无限后循环 getLikes = (id) =>{//console.log(id);this.props.getLikeCount(id)console.log(this.props.likeCount)} 看起来像这样 这是一个无限循环.我们重构了代码，以便用户可以在帖子中添加点赞，检索特定帖子的点赞数量，并更新点赞状态. Like. ..

发布时间：2022-01-19 19:03:44 reactjs redux sequelize.js 其他开发

具有删除功能的反应模式

我有一个应用程序，它显示行中的项目列表.每个项目都有一个相应的删除按钮.当我单击它时，它会显示一个带有确认的模式.当我单击“取消"时，该操作被取消.当我单击“确认"时，模式如下: 1. 它显示一个加载图标 2. 它改变了样式(颜色和文字 - 现在它说它完成了) 3.它删除项目 到目前为止，我得到的只是显示模式，与本文相同: https://daveceddia.com/open-mo ..

发布时间：2022-01-19 13:20:16 javascript reactjs redux react-redux frontend 前端开发

在 redux 中使用样板动作和 reducer

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

发布时间：2022-01-19 12:44:11 reactjs react-native redux react-redux frontend 其他开发

大型业务应用程序的 React 架构

因此，我们最近在公司中采用了 React 作为前端技术来构建我们庞大的业务 Web 应用程序.说最近，我的意思是我们以前没有任何 React 经验(我们有 AngularJS 的巨大背景)，并且说巨大的应用程序，我的意思是它真的很大而且非常动态，有很多不同的部分和功能. 因为我们将拥有很多巨大的组件，它们都扮演着非常重要的角色，并且它们内部具有复杂的逻辑，并且因为我们希望它们易于插拔和可重用 ..

发布时间：2022-01-19 12:40:02 reactjs dynamic architecture redux frontend 其他开发

connect 和 withRouter 问题

我在我的项目中使用 Redux 和 React.我在 App.js 中有一些路由.我还在我的项目中使用 react-redux 中的连接功能.为了防止更新阻塞问题，我通常以这种方式包装我的组件 withRouter(connect(mapStateToProps, mapDispatchToProps)(App)), 但是，如果我更改了 withRouter 的顺序并连接它不起作用: con ..

发布时间：2022-01-19 12:29:26 javascript reactjs redux react-redux frontend 前端开发

如何在 Redux 中显示一个执行异步操作的模态对话框?

内部进行转换，而不是其正常的、深度嵌套的位置. 何时使用门户 门户对于显示应该放在现有 React 组件之上的元素特别有用:弹出窗口、下拉菜单、 ..

发布时间：2022-01-17 10:02:59 javascript modal-dialog redux react-redux 前端开发

如何对异步 Redux 操作进行单元测试以模拟 ajax 响应

我正在创建一个中间件，用于使用异步操作发出 ajax 请求.中间件拦截原始动作，执行 ajax 请求，并将原始动作与来自 url 的响应一起重新dispatch. 所以，我的组件只会dispatch这样的动作 onClick() {dispatch(ActionCreator.fetchUser());} 其余部分将由中间件处理，如下所示这里. 我的问题是，我应该为单元测试做什么? ..

发布时间：2022-01-11 19:06:58 javascript reactjs jasmine redux 前端开发

Cookie 未使用 Fetch 存储

我已经阅读了我能找到的所有其他主题，但没有一个解决方案有效.我正在使用 React + Redux + Express 并尝试将 JWT 存储在 cookie 中: https://auth0.com/blog/2015/09/28/5-steps-to-add-modern-authentication-to-legacy-apps-using-jwts/ 在我的 Redux 操作中 ..

发布时间：2022-01-10 09:05:46 express cookies fetch jwt redux 其他开发

使用 next-redux-wrapper 时访问 React 外部的 Redux 存储

我有一个 NextJS React 应用程序，它在 _app.tsx 上使用 next-react-wrapper(基本上是一个 HOC)，如下所示: _app.tsx ...从'next-redux-wrapper'导入withRedux；类 Page 扩展了 App{...}导出默认 withRedux(reduxStore)(Page); store.ts impo ..

发布时间：2022-01-08 23:24:18 javascript reactjs redux next.js next-redux-wrapper 前端开发

将 getStaticProps 与 next-redux-wrapper 一起使用

我正在开发一个简单的 next.js 应用程序.对于状态管理，我使用的是 next-redux-wrapper.在我的主页中，我想使用 store.dispatch 从我的 api 获取数据库中的所有房间. 当我使用 getServerSideProps 并调度它起作用的操作时，它会获取我所有的房间.但问题是当我想用 getStaticProps 获取房间时它不起作用，什么也没发生. ..

发布时间：2022-01-08 23:22:01 reactjs redux react-redux next.js next-redux-wrapper 其他开发

如何将 _app.js 包装在多个提供程序中?

我想知道这是否可能以及如何在 Redux 提供程序中包装我的顶级页面 _app.js 考虑到我已经使用 Next-auth 提供程序包装了它，例如: 从“react"导入 React从“下一个身份验证/客户端"导入 { Provider }导入'../public/global.scss'导出默认函数 App ({ Component, pageProps }) {返回 ( ..

发布时间：2022-01-08 23:19:15 javascript reactjs redux next.js next-auth 前端开发

如何使用“next-redux-wrapper"使用“Next.js"、“Redux-ToolKit"和打字稿正确吗?

我在 Next.js 应用程序中使用 RTK (redux-toolkit).我正在尝试在“getInitialProps"中发送一个 AsyncThunk Action.搜索时，我发现了一个名为“next-redux-wrapper"的包.暴露“商店"在“getInitialProps"中，但我正在努力弄清楚如何使其适用于我的项目. 这是我目前使用带有 2 个减速器的 Typescript ..

发布时间：2022-01-08 23:10:18 typescript redux next.js redux-thunk redux-toolkit 其他开发

将 Redux 与 Next.js 一起使用是一种反模式吗?

我正在构建一个 Next.js 应用程序，它目前正在使用 Redux.在构建它时，我想知道是否真的有必要使用 Redux，以及它的使用是否实际上是一种反模式.这是我的推理: 为了在 Next.js 中正确初始化 Redux Store，您必须使用 getInitialProps 方法创建自定义 App 组件.通过这样做，您将禁用 Next.js 提供的 自动静态优化. 相比之下，如果我 ..

发布时间：2022-01-08 22:58:34 redux react-redux next.js 其他开发