redux相关内容

将 react redux 与 next.js 一起使用

我尝试将 Redux 与 next.js starter 项目一起使用,并安装了 next-redux-wrapper 进入项目,但我不确定这个项目的根文件在哪里. 我尝试按照 next-redux-wrapper 但没有成功.没什么变化. 请帮助我如何将 Redux 添加到项目中. 问候. 解决方案 Next.js 使用 App 组件来初始化页面.您可以覆盖它并控制页面 ..
发布时间:2022-01-08 22:44:05 前端开发

使用 GraphQL 和 React-Native 的 Relay vs Redux vs Apollo

我必须从头开始一个新的(网络 + 原生)项目(中型应用).由于有过多的 JS 框架和实现,尤其是在过去几年中,我对我常用的堆栈产生了第二个疑问. 我一直在前端使用 react + redux,后端使用 Node 和 MongoDB,通过 REST API 进行通信. 对于这个新项目,我决定使用 React-Native + React Native for Web + Node + P ..
发布时间:2022-01-04 10:42:59 其他开发

带有 React Router 和 Redux Simple Router 的 onEnter Transitions Dont Render New Route's Component

我有一个使用 react @0.14、redux @3.05、react-router @1.0.3 和 redux-simple-router @2.0.2 的应用程序.我正在尝试根据商店状态为我的一些路线配置 onEnter 转换.转换钩子成功触发并将新状态推送到我的商店,这会更改 url.但是,在页面上呈现的实际组件是来自路由匹配的原始组件处理程序,而不是新 url 的新组件处理程序. ..

推送新 URL 时多次调用 React 组件渲染

我正在构建一个 PhotoViewer,它可以在用户向左或向右按​​下时更改照片.我正在使用 React、Redux、react-router 和 react-router-redux.当用户向左或向右按​​下时,我会做两件事,我使用 this.context.replace() 更新 url 并发送一个动作来更新当前查看的照片,this.props.dispatch(setPhoto(photo ..
发布时间:2022-01-02 23:41:27 前端开发

对 redux 存储中的数据进行可重用计算的最佳实践

我刚刚完成了一个 redux 应用程序的连接,到目前为止它很棒.但是,由于状态存储在一个巨大的存储中,因此您没有任何模型可以从中访问数据. 假设我有一个模型类,用于存储有关用户的一些信息.我通常会向名为 display_name 的类添加一个函数,该函数巧妙地组合了它们名称的不同部分.有了这个,我的不同视图可以简单地调用 display_name 而不是他们需要知道如何自己计算它. R ..
发布时间:2022-01-02 09:36:58 其他开发

在非交互模式下运行 CRA Jest

更新:我的用例主要是在 CI 上运行测试,但覆盖默认的 CRA Jest 参数是我通常想知道的事情. 我正在使用 Jest 运行测试,配置随 创建 React 应用程序.它总是以交互模式启动: › 按 a 运行所有测试.› 按 o 仅运行与更改文件相关的测试.› 按 p 按文件名正则表达式模式过滤.› 按 q 退出手表模式.› 按 Enter 触发测试运行. 但我不希望它等待我的输入. ..
发布时间:2022-01-01 23:40:50 其他开发

我应该在 Redux 中存储 promise 吗?

我在一个在线食品订购应用中使用 Redux 和 React. 当用户从他们的购物篮中移除一件商品时,我需要向服务器发出 XHR 请求以计算购物篮的新总价.当这个 XHR 完成时,我更新 redux 商店并呈现新价格.我正在使用 Redux thunk 来管理这个异步操作. 有一个问题是用户快速连续地从购物篮中移除了两个项目.用户删除了第一件商品,然后我触发了 XHR 以获得新价格.然后 ..
发布时间:2022-01-01 10:26:03 前端开发

使用 Axios 提交请求 |反应,Redux

我想用 Axios 发出一个 put 请求,到目前为止我已经在我的操作中实现了这一点: 导出函数 updateSettings(item) {返回调度 =>{控制台日志(项目)return axios.put(`/locks`).then(response => {控制台日志(响应)})}} 当我 console.log item 时,我可以看到我在该对象内的输入框中输入的所有内容,但后来我得 ..
发布时间:2022-01-01 10:22:34 其他开发

axios http 总是返回空数据

我之前问过这个问题,但无法得到答案.我能够像下面那样使用方法:'get'来让它工作所以没关系但是这次我需要使用post.在另一个项目中(使用 react、redux、php、webpack、xampp),同样的问题又出现了,我正在努力解决这个问题.所以这里是: register.php echo $_GET['task']; index.js const values = {tas ..
发布时间:2022-01-01 10:17:00 PHP

如何使用 react redux 发出帖子请求?

我创建了一个包含电子邮件、名字、姓氏详细信息的表单.现在我想向 localhost:5000/api/users 发出 POST 请求,并希望将其存储在 mongo 数据库中.如何使用 redux ?我只在 reactjs 上使用了它,我该如何使用 redux ?注意:我使用的是 redux thunk. 代码: 登录.js: import React, { Component } ..
发布时间:2022-01-01 10:16:53 其他开发

axios 使用 json 数据发布请求

我正在使用 Axios JS 库来发送 post json 请求.但我没有在服务器上收到任何东西.这是我的代码 const dt = JSON.stringify({"data":{"value":"gdfg1df2g2121dgfdg"}});const request = axios.post(url, {dt}); 我需要发送json格式的原始正文. 解决方案 默认情况下,axi ..
发布时间:2022-01-01 10:14:10 前端开发

使用 Axios 处理 Redux 中的 api 调用

大家晚上好! 我是 React 和 Redux 的完全初学者,所以如果这听起来很愚蠢,请耐心等待.我正在尝试学习如何在 Redux 中执行一些 API 调用,但进展并不顺利.当我控制台记录来自动作创建者的请求时,承诺值始终为“未定义",因此我不确定我是否正确执行此操作. 我的目标是从有效载荷对象内的数据中获取信息并将它们显示在组件内.过去几天我一直在努力让它发挥作用,但我完全迷失了. ..
发布时间:2022-01-01 10:07:38 前端开发

动作必须是 React/Redux 中的普通对象吗?

我遇到的问题是在通过我的动作创建者传递数据时动作必须是普通对象.基本上,我试图通过单击按钮来捕获用户输入,并且根据单击的按钮(视图),将 event.target.innerHTML 传递给action creator fetchDataAsync(view) 然后通过 axios 执行 GET 请求并根据选择的视图进行调度. 不过,我还是 Redux 的新手,我不确定我在这里做错了什么.我 ..
发布时间:2022-01-01 10:06:15 前端开发

Axios:获得两个请求 OPTIONS &邮政

我正在尝试发布数据.一切正常,但我不知道为什么我收到两个请求 OPTIONS &POST 发布: 代码如下: const url = 'http://rest.learncode.academy/api/johnbob/myusers';导出函数 postUsers(用户名,密码){让用户 = {用户名,密码,};返回{类型:“USERS_POST",有效载荷: axios({方法: ..
发布时间:2022-01-01 09:51:48 前端开发

在函数内部使用 RTK-Query 钩子的方法?

我已经成功地使用 Axios 编写了我的应用程序来获取内容.截至目前,它已设置为在发生某些事件时获取内容(例如单击提交按钮).不过,我正在试验 Redux 的 RTK-Query 解决方案.这个包生成钩子,在他们的示例中,他们提供了简单的组件级调用挂载钩子的例子. 我如何利用这些 rtk-hooks(以及一般的钩子),以便将它们与诸如 onClick、onSubmit 和条件事件之类的行为联 ..
发布时间:2021-12-31 16:19:40 其他开发

React-Redux Reducers 中 Spread 语法的用途

我正在尝试了解展开运算符的用途.从我从文档中了解到,传播语法复制现有对象并在传入新对象时被覆盖.在下面的代码中: 导出默认函数reducer(state={用户:[],取:假,获取:假,错误:空,}, 行动) {开关(动作.类型){案例“FETCH_USER_FULFILLED":{返回 {...状态,取:假,获取:真实,用户:action.payload,}}}返回状态} 所以如果我的理解是 ..
发布时间:2021-12-29 11:55:06 前端开发

创建数组时 React-redux 重新渲染

我有一个连接组件,我想在其中检索一组对象.在我的商店中,有一个 id 数组和一个对象,我在其中保存这样的项目: const state = {项目:[0, 1, 2],itemsById:{0:{},1:{},2:{},},} 所以使用 react-redux 的 connect 函数,我在我的组件中这样做以注入正确的数组: const mapStateToProps = (state) = ..
发布时间:2021-12-29 11:54:41 其他开发

我应该选择哪个 redux 中间件?

按照指南,我来到了一种用于 redux 应用程序的中间件. Redux Thunk、Redux 承诺,Redux 承诺中间件、Redux Observable、Redux Saga、Redux 包 这只是我们选择哪个中间件的偏好问题.但我不是要求选择一个约定. 我想知道它们之间是否存在任何差异,例如性能、浏览器支持、用例​​等.或者我缺少的其他任何东西.我努力研究这些,但找不到任 ..
发布时间:2021-12-29 11:54:32 前端开发