redux相关内容
注意:这是一个问题,非常类似于Redux;访问其他部分... 但是它与路由器无关:(因此不能以同样的方式解决 当我减少状态的一部分时,我“感觉"我还需要访问其他部分.我承认我可能“误解"了 Redux 的核心原则,或者我的应用程序架构存在缺陷. 我目前的解决方案是修改 github:combineReducers.js的代码: var finalState = mapValues(f
..
我有一个减速器,当一个动作被调度时,我正在重新调整适当的状态.现在我定期调用一个 API,所以结果会一次又一次地触发一个动作.所以我想要的是,如果reducer 状态已经有数据,那么另一个reducer 在发送调用时不会将状态显示为正在加载.只有第一次接收数据时,它必须保持其加载状态.希望我能解释清楚 这是我的代码片段 加载状态减速器 const loading = (state =
..
如标题所述,我收到错误期望 onClick 侦听器是一个函数,而不是得到类型对象 但我无法理解为什么这不起作用.据我所知,onClick 监听器是一个函数. 这里是出现错误的 CharacterList 组件 import React,{Component} from 'react';从'react-redux'导入{connect};从'../actions'导入{addChara
..
我对这个问题进行了一些搜索,但发现了非常模糊的答案.在 redux 中,我们知道状态是作为对象存储的.但是这个状态实际上存储在哪里呢?它是否以某种方式保存为可供我们稍后访问的文件?我所知道的是它不会将其存储在 cookie 格式或浏览器的本地存储中. 解决方案 Redux 中的状态存储在内存中,在 Redux 商店中. 这意味着,如果您刷新页面,该状态就会消失. 你可以想象这家
..
我有一组静态数据,一个国家/地区列表,用于某些组件.这些数据是在这些组件的 ngOnInit() 上加载的,但我只想在我第一次请求数据时加载它们(存储是空的).以后每次我加载组件时,我都想简单地使用存储中的数据,而不是“刷新"它. 如何使用 ngrx 实现这一点? 我正在使用效果.这是我的代码的样子: 组件: 导出类 EditPageComponent 实现 OnInit {c
..
我已经设置了 axios.defaults.timeout = 1000; 我停止了为我提供 API 的服务器. 但是发送请求后超时时间超过1s. 这是我的请求的样子: 从'axios'导入axios;axios.defaults.timeout = 1000;return axios.post(`${ROOT_URL}/login/${role}`, creds).then(
..
我有一个组件,它的子组件与组件本身的类型相同.我也可以渲染孩子,但孩子们似乎无法访问他们的状态.我在 Redux 中使用 React export class Material extends React.Component {构造函数(道具){超级(道具)this.renderChild = this.renderChild.bind(this)this.getNestedItems = th
..
我一直在尝试在 react 和 redux 中制作一个秒表.我一直无法弄清楚如何在 redux 中设计这样的东西. 首先想到的是使用 START_TIMER 操作来设置初始 offset 值.在那之后,我使用 setInterval 一遍又一遍地触发 TICK 动作,通过使用偏移量计算已经过去了多少时间,将其添加到当前时间,然后更新offset. 这种方法似乎有效,但我不确定如何清除间
..
我正在尝试使用此代码将动态表单名称传递给 reduxForm. 这是我找到的代码: let FormAddress = compose(connect((state, props) => ({form: props.form})), reduxForm({destroyOnUnmount: false, asyncBlurFields: []}))(ValidationForm); 来自
..
我正在尝试测试我的传奇可能遵循的每个场景,但我无法实现我想要的行为.这很简单,我有一个 HTTP 请求(登录),我想通过模拟我的 API 方法来测试成功和失败的情况. 但是,看起来 call effect 没有触发我的 api 函数,我还没有真正了解它是如何工作的,但我猜中间件负责调用该函数,而且由于我在考试时不去商店,所以我无法得到结果. 所以我的问题是,当您需要在异步调用旁边调度不
..
我尝试将 Redux 与 next.js starter 项目一起使用,然后我安装了 next-redux-wrapper 到项目,但我不确定这个项目的根文件在哪里. 我尝试按照 next-redux-wrapper 但没有成功.没有任何变化. 请帮助我如何将 Redux 添加到项目中. 问候. 解决方案 Next.js 使用 App 组件来初始化页面.您可以覆盖它并控制
..
如何使用 redux-form 和 Fetch API 进行服务器端验证?文档中提供了“提交验证"演示,说明进行服务器端验证的推荐方法是从 onSubmit 函数返回一个承诺.但是我应该把那个承诺放在哪里呢?据我了解,onSubmit 函数应该是我的操作. ... this.props.addWidget 实际上是我的操作,下面提供. import fetch from 'isomorph
..
对象作为 React 子对象无效(发现:对象带有键 {$$typeof, type, key, ref, props, _owner, _store}).如果您打算渲染一组子项,请改用数组或使用 React 附加组件中的 createFragment(object) 包装对象.检查App的render方法. 应用容器: const mapDispatchToProps = (dispatc
..
在 React 中处理滚动位置的正确方式是什么?由于更好的用户体验,我真的很喜欢平滑滚动.由于在 React 中操作 DOM 是一种反模式,我遇到了一个问题:如何平滑滚动到某个位置/元素?我通常会更改元素的 scrollTop 值,但这是对 DOM 的操作,这是不允许的. JSBIN 代码: 从'react'导入React;从 'react-dom' 导入 ReactDOM;类 Ap
..
我对 React、Redux 和 ImmutableJS 还很陌生,遇到了一些性能问题. 我有一个大的数据树结构,我目前在这个结构中存储为一个平面列表: 新地图({1:新节点({编号:1,文本:'根',儿童:[2,3]}),2:新节点({编号:2,文本:'孩子 1',儿童:[4]}),3:新节点({编号:3,文字:'孩子 2',孩子们: []}),4:新节点({编号:4,text: '孩子
..
我正在为我当前的 web 应用程序使用 redux 和 typescript. 定义通过 @connect 接收 redux-actions 的组件的 props 以及来自父级的 props 的最佳实践是什么?示例: //mychild.tsx导出命名空间 MyChildComponent {导出接口 IProps {propertyFromParent:字符串;propertyFromR
..
我正在使用 google 的自动完成 API 来改进表单中的地址输入. 我正在使用 GoogleMapsLoader 加载器,它在加载后调度动作: GoogleMapsLoader.onLoad(function() {store.dispatch(GoogleActions.loaded());}); 在 React 组件中,我有以下输入: if (google.status ===
..
我正在使用同构获取发出 API 请求,并使用 Redux 来处理我的应用程序的状态. 我想通过触发 Redux 操作来处理互联网连接丢失错误和 API 错误. 我有以下(正在进行的/错误的)代码,但无法找出触发 Redux 操作的正确方法(而不仅仅是抛出错误并停止一切): 导出函数 createPost(data = {}) {返回调度 =>{调度(请求创建邮政(数据))返回获取(A
..
我有一个组件 SampleComponent 安装另一个“连接组件"(即 container).当我尝试通过 mounting 测试 SampleComponent 时(因为我需要 componentDidMount),我收到错误: Invariant Violation:无法在上下文或“Connect(ContainerComponent)"的道具.要么包装根组件在 a 中,或明确地将“商
..
我有一个带有添加、更新和删除案例的购物车减速器功能.我在 redux 商店中也有一个产品数组.当有两个项目添加到产品数组时,我增加数量值而不是两个项目.我的主要问题是,reducers 是否应该包含任何逻辑,即确定产品数组是否已经包含确切的产品并只返回产品数量的更新,或者是否应该在检查现有产品的展示组件中处理这种行为并添加一个新的产品或更新数量? function CartReducer (st
..