我正在尝试使用Redux构建一个复杂的全动态应用程序.我的意思是我的应用程序有很多动态生成的表单,其中包含动态生成的字段组件。我也想在我的Redux商店中存储关于我的组件的视觉数据。但是,如果不将真实数据与可视组件数据混合,我应该怎么做呢?例如如果我有这样的结构Store{visual:{...deeplynestedvisual-data-tree...},data:{...deeply-nestedreal-data-tree...}}渲染组件很难,因为我需要先搜索视觉数据,然后在两棵树中react组件“值”。但是如果有类似这样的结构:Store{form{visual:{...f
我正在使用redux-persist存储我的设置,并想忽略其中的一些设置以便在每次重启时重置它们,例如崩溃后。可以将reducer-names数组添加为blacklist或whitelist,但我想忽略特定的键,例如settings.isLoggedIn而不是settings。//...functionconfigureStore(initialState){conststore=createStore(RootReducer,initialState,enhancer);persistStore(store,{storage:AsyncStorage,blacklist:['rout
我的SagaRoot看起来像这样exportdefaultfunction*root(){yieldtakeLatest(LOAD_SEARCHRESULTS,getSearchResults);}它监视LOAD_SEARCHRESULTS操作,然后调用getSearchResults函数。有什么方法可以让我在root中观看多个Action?像这样:exportdefaultfunction*root(){yieldtakeLatest(LOAD_SEARCHRESULTS,getSearchResults);yieldtakeLatest(CHANGE_ALIASFILTER,get
我有一个使用redux和react-router的通用React应用。我有如下几条路线:/2016/2015/2014/2013等等每条路线都需要来自API的数据。目前,我有导航组件中的元素调度异步操作onClick,它使用来自该路由的API的数据填充商店。对于MVP,我只是覆盖了post:{}商店中的内容与路线更改时的新帖子内容,这样我们就可以获得API上的任何新内容。我意识到在上有操作调度程序按钮不是最佳选择,因为点击后退按钮不会重新触发Action调度以获取先前路由的内容。有没有办法让ReactRouter在路由发生变化时触发调度操作?(限制它收听一组特定的路线将是一个好处)。我
通常您可以访问父组件发送给子组件的Prop。但是,当在子组件上使用redux时,父级发送的props会因使用“connect”方法而丢失,该方法将redux状态映射到组件props。例如:声明一个具有属性的组件:在没有redux的情况下访问子组件,工作正常:this.props.prop1或this.props.prop2相同的语句将给出undefined如果使用redux状态会出错。 最佳答案 自己的组件Prop可作为mapStateToProps函数的第二个参数://ParentComponent.js//...othercom
我遇到了一个示例,其中mapStateToProps函数正在使用备注。我只是想知道如何将“状态”参数传递给已内存的选择器。在查看了文档以进行重新选择以及redux之后,似乎mapStateToProps可以返回一个接受状态作为其参数的函数,而连接装饰器可能是将状态传递给它的函数,但不确定。有人可以说明一下吗?观看次数/tracklist/index.jsconstmapStateToProps=createSelector(getBrowserMedia,getPlayerIsPlaying,getPlayerTrackId,getCurrentTracklist,getTracksF
我们公司目前正在开发一种新的网络map解决方案。到目前为止,我们决定使用React构建应用程序和OpenLayers4.因为我们要使用Redux我们架构的模式将有一个保存应用程序状态的redux存储。这个栈我们面临的问题如下:map是我们应用程序的核心元素,它的实例需要传递给许多不同的组件。例如,在map上绘制要素的工具需要引用map实例,以便它可以将自己作为交互工具添加到其中。我们讨论了如何构建我们的应用程序以集成OpenLayers与React以最可靠的方式并最终采用两种不同的方法:我们讨论的第一种方法是在应用程序范围的redux存储中保存对map对象的引用,这样它就可以通过@co
我在InternetExplorer11中遇到了一个关于React和Redux的奇怪问题。我使用redux&thunk+promise中间件创建了一个React应用程序。所述应用程序在Chrome、Safari和Firefox中运行完全正常,但在InternetExplorer中运行时,React/Redux不会更新11Prop。在检查网络选项卡时,我可以看到Http请求被触发得很好。在Reduxreducers中记录此结果也给出了预期的结果。但似乎返回新状态并没有更新Prop。或者触发任何组件的重新渲染。(仅在IE中)。我尝试谷歌查看是否有人在同一条船上,但我找不到任何符合我的问题的
我正在尝试制作带有提交验证的表单。当我提交表单时,我的handleSubmit触发并抛出SubmissionError,但没有任何反应。提交(每次都报错):functionsubmit(values){console.log(values);thrownewSubmissionError({password:'Wrongpassword',_error:'Loginfailed!'});}示例中的渲染字段:constrenderField=({input,label,type,meta:{touched,error}})=>({label}{touched&&error&&{error
我已经和这个问题斗争了一段时间了!我想拥有始终带有Logo、导航的“主应用程序容器”...我想使用react-bootstrap来美化它。目前我遇到了问题,我的项目基于davezuko的“react-redux-starter-kit”我试着把我所有的Bootstrap和在提供程序内的Root容器中。一切都显示出来,看起来不错,但我的链接都不起作用,当我放置一个常规的react路由器时我会遇到同样的问题。我想,嗯,链接在路由调用的View中工作,所以我在之后将所有这些复制到路由中导出默认值(商店)=>(Babel、eslint和webpack允许编译,但是当我运行页面时,这些都没有显示