-
2 votesanswersviews
Redux如何处理reducer中的错误
我不确定如何处理redux减速器中的错误 . 当我的API提取返回数据时,我需要转换其结构并检查已在结果数据上设置的各种属性 . 但是,我不能在reducer中抛出错误,因为redux至少要求返回先前的状态 . 我该怎么办呢? 注意:我正在使用react-redux-toastr来处理错误,并且可以访问组件和操作函数中的错误调度程序 . 减速器/对象search.js: case "FE... -
18 votesanswersviews
如何处理Redux中的关系数据?
我正在创建的应用程序有很多实体和关系(数据库是关系) . 为了得到一个想法,有25个实体,它们之间有任何类型的关系(一对多,多对多) . 该应用程序是基于React Redux的 . 为了从商店获取数据,我们正在使用Reselect库 . The problem I'm facing is when I try to get an entity with its relations from th... -
0 votesanswersviews
React - 未加载的子路由
所以我正在尝试使用新的react-router加载一些子路由 . 但是,当我导航到地址时,它只显示一个空白屏幕 . 到目前为止,我只有两个链接,/和/ about . 我想要的是一个主页面,然后将组件加载到该页面 . 例如,有App.js.这是我的主页面,其中包含一个仪表板,可以将您链接到其他页面 . 然后又有两页回家了 . 我希望家庭默认加载,然后当我点击链接时,我希望将关于页面加载到app而不... -
33 votesanswersviews
redux,react-redux,redux-thunk之间有什么区别?
我正在使用React Flux . 我们的团队正计划从通量转向redux . Redux对于来自flux world的我来说非常困惑 . 在 flux control flow is 简单来自 Components -> actions -> Store and store updates back components . 它简单而且非常清晰 . 但在redux中它令人困惑 . ... -
3 votesanswersviews
react-redux connect不会重新渲染组件,但会更新道具
我有一个关于react-redux的问题,我正在玩一些小的测试代码,以了解它是如何工作的 . Git repository with problematic code 一切看起来都正确,动作生成器,减速器,调度器,mapStateToProps和连接功能 . 我也会在这里粘贴代码: 没有国家变异 . 但是当子组件Todo(index.jsx)调用从main(有问题的组件)TodoBox(index... -
1 votesanswersviews
将React组件转换为Typescript?
我正在尝试将React Redux组件的示例复制到typescript:https://medium.com/@stowball/a-dummys-guide-to-redux-and-thunk-in-react-d8904a7005d3 我正在使用这个函数击中一个deadend: export default connect(mapStateToProps,mapDispatchToProp... -
2 votesanswersviews
React-Redux Counter示例动作两次触发
https://codesandbox.io/s/jvj6o043yv 我正在尝试使用非常简单的Counter示例来理解react-redux连接,Provider,mapStateToProps和MapDispatchToProps的基础知识 . 练习的目的是将道具和动作注入Counter组件 . 我看到的问题是我的操作在每次点击按钮时都会触发两次 . 我是Redux noob,所以我确信(我希... -
0 votesanswersviews
导航到按下平面列表项目中的另一个屏幕
我一直在使用wix / react-native-navigation包在屏幕之间导航并正确处理堆栈 . 在屏幕上移动非常简单,当按下按钮时触发这些转换 . 但是当我有一个FlatList并且我想在用户从列表中点击一个项目时想要推送到新屏幕时出现问题,看起来在开头注入的导航器道具丢失或者在onPress回调事件之外的另一个上下文中; 这是示例代码 class AlertType extends R... -
0 votesanswersviews
如何设置反应redux-cookies-middleware?
我正在尝试设置这个中间件redux-cookies-middleware而且我有这个错误 reducer收到的先前状态具有意外类型的“Function” . 预期参数为具有以下键的对象:“login”... import { createStore, applyMiddleware, compose } from 'redux'; import reducers from './reducer... -
0 votesanswersviews
为什么我会使用Redux-Thunk而不是自定义中间件?
我有以下中间件 . 这个中间件就像redux-thunk中间件,但是将调度程序和状态getter传递给action creator函数,但是我也传递了可以调用的下一个中间件 . 在这种情况下,我可以导出我的所有中间件 所以在我的动作创建者中,我只是将它传递给下一个中间件,而不是分派动作 . 我只是想知道为什么我应该使用redux-thunk而不是这个简单的customThunk中间件? -
0 votesanswersviews
Redux Async Action Dispatch的顺序
我试图了解redux异步操作的调度顺序 . 这是我在这里实现的相同功能:React Redux store state update process after saving to database . 我能够让一切正常工作,因为最初在我的 updateTransactions 操作中,我正在进行更新,然后在我的响应中返回更新的数据,然后我将其传递给 completeTransactionsSav... -
0 votesanswersviews
React / Redux:在组件的初始render()调用期间使用Redux存储中的数据
我想知道如何在初始渲染组件期间在Redux存储中使用数据 . 我正在尝试使用存储在Redux中的auth对象中的MongoDB数据来设置 **** 组件的 name 属性 . <FontAwesome className="share-icon" name={this.props.auth.primaryAccount} />; auth.primaryAccou... -
3 votesanswersviews
解决似乎没有意义的ESLint / React / Redux(Airbnb配置)错误
我正在研究使用ESLint(Airbnb配置)和React / Redux . 下面的代码是一个标准类型的React / Redux类,我写这篇文章是为了享受Airbnb的所有linting规则 . 通过了解Airbnb的配置偏好我已经解决了大部分的掉毛错误,但是,目前我还有几个方面不了解 . 这些是: 整个方法renderTableHeader()以红色标出,ESLint告诉我: [esl... -
31 votesanswersviews
redux连接组件如何知道何时重新渲染?
我可能错过了一些非常明显的东西,想要清除自己 . 这是我的理解 .在一个天真的反应组件中,我们有 states & props . 使用 setState 更新 state 会重新呈现整个组件 . props 大多是只读的,更新它们没有意义 . 在通过类似 store.subscribe(render) 之类订阅redux商店的react组件中,它显然会在每次更新商店时重新呈现 . reac... -
1 votesanswersviews
路线变化的反应开放模式
我正在构建一个带有登录模式的React / Redux应用程序,该模式应在用户导航到 /user/signin 时打开 . 在页面组件加载之前,调度操作以将 isModalOpen 设置为true .模态组件使用 connect 将模态状态映射到props . 但是,当页面加载时,模态组件似乎在更新父页面组件的分派之前接收模态状态 . 我已经尝试将 isModalOpen 作为道具从页面组件传递下... -
1 votesanswersviews
使用redux结构执行任务后,组件未在react-native中更新
我正在使用react-native构建一个应用程序,遵循redux概念,现在我遇到了问题,我的组件在调度操作后没有按照它们应该更新 . 稍微解释一下,我有一个React类“QuestionScreen”,我希望在页面打开后立即调用API,但是在API执行工作时应该呈现加载器,当它完成时,问题应该出现.so这是我的代码如下 PS:我是新的反应原生和超新的redux概念,所以一点帮助解释会很好 Que... -
4 votesanswersviews
在React中'dumb'组件中将函数传递给处理程序的正确方法
看看这个简单的例子,其中prop toggleData 将是一个映射到容器道具的redux thunk动作 . 这是将这样的函数传递给子'哑'组件的推荐方法吗?我在网上看到一篇文章说在处理程序中使用箭头函数是昂贵的,从性能角度来看效率不高 . class Container extends React.Component { render(){ return ( ... -
1 votesanswersviews
如何使用react-router通过Route渲染传递redux存储道具?
我是一个redux初学者,并坚持通过redux道具来路由渲染问题 . × TypeError: Cannot read property 'quantity' of undefined PageLayout._this.render src/components/controls/PageLayoutRoute/PageLayoutRoute.js:135 132 | to: rout... -
0 votesanswersviews
如何使用Redux正确管理React中的组件?
这是我的登录页面容器组件: export class Loginpage extends React.Component { constructor(props) { super(props); this.state = { toggleSignUp: false, displayName: '', ... -
0 votesanswersviews
如何在reducer中更新状态会触发重新呈现组件?
我知道mapstatetoprops正在将我们的Redux应用程序状态映射到我们的React组件道具,但我不太明白当reducer返回一个新状态时幕后发生了什么 - 这是如何触发重新呈现具有props映射的组件的到应用程序级别状态? 在纯React中,setState触发重新渲染是否正确?通过Redux发生类似(或相同的事情)的事情吗? -
2 votesanswersviews
呈现重定向时,在react-test-renderer中更新了组件
我正在使用react-router-dom为react-redux编写的登录表单编写测试 . 我的组件看起来像这样: class LoginForm extends Component { render() { const { isAuthenticated, ... } = this.props if (isAuthenticated) {... -
1 votesanswersviews
使用Redux的Web-Worker承诺
我的设置是:Webpack,React,Redux(包括redux-thunk) . 我正在努力在我的 mouseMove eventListener中集成Web worker . 当用户在绘图应用程序中绘制时,需要找出与'group selection' rect发生冲突的元素 . 对web-worker的调用将是异步的,因此,在action-creator函数中,我试图提出一个promise... -
2 votesanswersviews
错误:无法解析模块react-redux / native
我正在尝试使用Redux的第一个react-native应用程序,并在设备上运行应用程序时收到以下错误消息, “UnableToResolveError:无法从C:\ project \ Testing \ index.android.js解析模块react-redux / native:模块映射或这些目录中不存在模块:C:\ project \ Testing \ node_modules \... -
0 votesanswersviews
反应原生导航
我正在制作一个应用程序,其中我使用了Drawer Navigator并在其中嵌套了一个Stack Navigator . 抽屉包含屏幕HOME,PRODUCTS,Profile等 . 我在主屏幕内使用Stack导航器切换到3个不同的屏幕Products-> ItemDescription . 问题1:如果我通过Home转到产品或项目描述 . 如果我在产品或ItemDescription中打开... -
0 votesanswersviews
使用connect和mapStateToProps不提供更新状态
我正在使用react-data-grid和redux store来保存网格/表格上的数据用户输入 . 要访问当前状态,我使用的是mapStateToProps方法中的props . 但mapStateToProps未提供更新状态 . 参考:第151至156行:https://github.com/rupav/candis/blob/4bee19750b9449137ad85e99fdc38e1fd... -
0 votesanswersviews
redux表单更新状态和检索
我有2个redux表单组件,第一个是 LoginFormComponent ,这是一个表单名为' submitValidation '的redux-form LoginFormComponent = reduxForm({ form: 'submitValidation' })(LoginFormComponent) 这个表单组件有如下输入字段: - <Field name="... -
5 votesanswersviews
Redux与React-Native和mapStateToProps
我读过这个帖子 . What is the difference between state and props in React? 它说道具不同于状态,理想情况下道具不应该在其组件中发生变化,只应由其父组件进行更改 . 但是,在Redux中的reflect-redux map map中的mapStateToProps函数是React组件的道具,当Redux状态被Redux动作改变时,它基本上改... -
3 votesanswersviews
Redux-form FieldArray,handleSubmit'未定义
我在挑战实际反应组件的形式时遇到了挑战 . 当我尝试提交表单时,出现以下错误: error 'handleSubmit' is not defined 下面的文件...我是否在我的反应组件中正确构建此表单?知道为什么handleSubmit出错了吗?谢谢 import React from 'react'; import {Field, FieldArray, reduxForm} from 'r... -
1 votesanswersviews
如何使用MaterialUI使用Redux-form获取Textfield输入值
目标:从材质UI组件获取输入值,并将它们传递给handleSubmit函数中的操作创建者 . <Field name='email' component={email => <TextField fullWidth autoC... -
0 votesanswersviews
Redux表单 - 渲染以下自定义组件时出错?不知道为什么?
我试图使用redux-form呈现以下自定义字段组件,我也将自定义道具传递给字段组件,但它不断给我一个错误,如下所示: invariant.js:42未捕获错误:对象无效作为React子对象(找到:具有键的对象) . 如果您要渲染子集合,请使用数组 . 在ConnectField中由ConnectedField创建(由Connect(ConnectedField)创建)由Connect(Conn...