我有呈现消息的路由/messages/:id。但是,如果id指向一个不存在的消息,应该在哪里以及如何处理它?我的组件使用redux绑定(bind)到消息:functionmapStateToProps(state,ownProps){return{message:state.messages[ownProps.params.id]}}然后message将是undefined以防不存在这样的消息并且组件必须处理它,并呈现不同的东西。但是,这似乎会使组件膨胀,我想也许这应该在路由器中处理?如果没有这样的消息,则不应允许调用该路由。有什么想法吗? 最佳答案
我正在使用redux-form加载编辑表单的初始数据似乎让我感到困惑,但提交时未验证数据。我已经设法将数据传递并加载到字段中,但似乎没有加载到表单Prop等中。请查看以下代码,如果需要更多信息,请告诉我。Form_Bayan.jsimportReact,{Component,PropTypes}from"react";import{browserHistory}from"react-router";import{reduxForm,Field}from"redux-form";import{MyCustomInput,MySimpleInput,MyCustomSelect}from"
我正在用React编写应用程序。我正在使用Redux将我的数据存储在页面上。此数据包含一个巨大的用户对象(最多嵌套3级),其中包含所有用户数据。我几乎在任何地方都在使用它,所以我认为最好将它存储在redux中,而不是每次需要时都从服务器请求它。此数据可能约为70-80KB,但我认为每个用户的平均大小为30-40kb。此数据是结合5-6个reducer和30-50个操作修改的。我有一个使用所有这些数据的组件和10-15个使用部分数据的组件。reduxstore的大小可以接近100kb吗?对App性能有影响吗?任何浏览器都可以在没有任何性能问题的情况下处理我的应用吗?你能提供你的平均red
所以我有一个很大的组件就是我的表单:{morecomponentshere}此表单组件正在监听使用firstAction、secondAction等更新其值的商店注意:组件根据返回{firstValue:something,secondValue:something,etc}的store.getState()更新其状态假设我的FirstComponent是一个输入:this.props.firstAction(e.target.value)}好的,所以onChange触发PropfirstAction这实际上是将更新我的商店并使表单重新呈现的FluxAction。我在这里有两个好处,当
我有一个基于GUIReact/redux的应用程序。作为View的一部分,有一个我希望闪烁的“指示器”react组件,闪烁是通过CSS3动画(动画帧)完成的。调用react组件的indicator.blink()成员函数使指示器闪烁(它基本上从DOM元素中删除了blink类,然后在1ms之后再次添加它,作为hack来获取围绕CSS3动画没有“重启”api的事实)。在redux框架中发生某些Action时(如果需要,它们可以是thunk),我希望在ReactView中调用此blink()函数。如何最好地做到这一点?让redux操作修改应用程序状态,然后将指示器元素作为prop绑定(bin
假设我正在用Redux编写一个应用程序,我的任务是使用第3方库添加日志记录。其API如下:functioncreateLogger(token){//theloggerhasinternalstate!letlogCount=0;return{log(payload){logCount++;//modifylocalstatefetch('/someapi',{//shippayloadtosomeAPImethod:'POST',body:payload});}};}然后我会像这样使用库:letlogger=createLogger('xyz');logger.log('foobar
在我的ReactRedux应用程序中,当主页加载时,我想从API获取数据并将其显示给用户查看。正在从操作中获取数据并更新状态。但是,我没有将状态视为组件的支柱。不确定什么连接不正确。主页组件:importReact,{Component,PropTypes}from'react';import{connect}from'react-redux';import{bindActionCreators}from'redux';import*asactionsfrom'../actions/actions';import'../styles/homeStyles.css';classHomee
我正在使用react/redux/javascript开发TheGameofLife的一个版本,当我使用它时性能很糟糕。HereisalinktotherunninggameHere'sthesourceongithhub目前,我在每个滴答声(用户可更改的250,500,750毫秒)更新每个单元格的状态。为此,我循环遍历代表每个单元格的对象数组。每个对象中都有一个名为status的参数,它可以是一个整数,1表示活着,0表示死了。然后我拉入三行,每行三个单元格,对于相关单元格周围的中间和底部行,我然后对这些值求和(不包括中心的单元格本身)。然后我通过if/then流程运行该数字以确定该单
我每天都使用Aurelia。最近,我一直在研究使用Redux(即我使用Aurelia+Redux构建了几个小型试用应用程序)并且给我留下了深刻的印象(我的开发工作流程和我的应用程序推理的清晰度得到了极大的改进)。我已经决定开始将其用于实际应用程序。话虽如此,我还是担心性能(我查看了有关性能的帖子,但没有直接看到我的问题地址)。我认为这个问题不是Aurelia特有的,更多的是关于Redux以及将其与非react库一起使用的问题。让我以我对Redux的理解作为我的问题的序言(也许我的问题真的是由于错误的理解而产生的?)。本质上,我对Redux的理解是有一个store(一个javascrip
redux垃圾回收究竟是如何工作的。我们都知道redux提倡不变性。那么陈旧的状态实例会发生什么?例如在我的reducer中,如果我有这样的情况:...case'MY_ACTION':returnstate.set('name',action.name)...现在,如果我触发MY_ACTION操作100次,代码将创建一个新对象100次。我的问题是以前不再使用的状态对象会发生什么。它们会留给javascript/浏览器垃圾收集器来决定如何处理吗?如果是,这不是一个性能问题,即这么多陈旧的“状态”对象不会增加javascript垃圾收集器的负载,从而降低代码的性能吗?