草庐IT

redux-store-visualizer

全部标签

javascript - 要么将根组件包装在 <Provider> 中,要么将 "store"作为 prop 显式传递给“Connect(CharacterList)

我正在尝试测试我的React“supersquadapp”并收到以下错误。UncaughtError:在“Connect(CharacterList)”的上下文或Prop中找不到“store”。要么将根组件包装在a中,要么显式地将“store”作为prop传递给“Connect(CharacterList)”。字符列表.jsimportReact,{Component}from'react';import{connect}from'react-redux';classCharacterListextendsComponent{render(){console.log('this.pro

javascript - Redux Saga 观看多重 Action

我的SagaRoot看起来像这样exportdefaultfunction*root(){yieldtakeLatest(LOAD_SEARCHRESULTS,getSearchResults);}它监视LOAD_SEARCHRESULTS操作,然后调用getSearchResults函数。有什么方法可以让我在root中观看多个Action?像这样:exportdefaultfunction*root(){yieldtakeLatest(LOAD_SEARCHRESULTS,getSearchResults);yieldtakeLatest(CHANGE_ALIASFILTER,get

javascript - React Router + Redux - 在路由更改时调度异步操作?

我有一个使用redux和react-router的通用React应用。我有如下几条路线:/2016/2015/2014/2013等等每条路线都需要来自API的数据。目前,我有导航组件中的元素调度异步操作onClick,它使用来自该路由的API的数据填充商店。对于MVP,我只是覆盖了post:{}商店中的内容与路线更改时的新帖子内容,这样我们就可以获得API上的任何新内容。我意识到在上有操作调度程序按钮不是最佳选择,因为点击后退按钮不会重新触发Action调度以获取先前路由的内容。有没有办法让ReactRouter在路由发生变化时触发调度操作?(限制它收听一组特定的路线将是一个好处)。我

javascript - 访问发送到组件的 props 以及 Redux 状态数据

通常您可以访问父组件发送给子组件的Prop。但是,当在子组件上使用redux时,父级发送的props会因使用“connect”方法而丢失,该方法将redux状态映射到组件props。例如:声明一个具有属性的组件:在没有redux的情况下访问子组件,工作正常:this.props.prop1或this.props.prop2相同的语句将给出undefined如果使用redux状态会出错。 最佳答案 自己的组件Prop可作为mapStateToProps函数的第二个参数://ParentComponent.js//...othercom

javascript - 状态如何传递到react-redux应用程序中的选择器?

我遇到了一个示例,其中mapStateToProps函数正在使用备注。我只是想知道如何将“状态”参数传递给已内存的选择器。在查看了文档以进行重新选择以及redux之后,似乎mapStateToProps可以返回一个接受状态作为其参数的函数,而连接装饰器可能是将状态传递给它的函数,但不确定。有人可以说明一下吗?观看次数/tracklist/index.jsconstmapStateToProps=createSelector(getBrowserMedia,getPlayerIsPlaying,getPlayerTrackId,getCurrentTracklist,getTracksF

javascript - 在 Redux 架构中集成 React 和 OpenLayers

我们公司目前正在开发一种新的网络map解决方案。到目前为止,我们决定使用React构建应用程序和OpenLayers4.因为我们要使用Redux我们架构的模式将有一个保存应用程序状态的redux存储。这个栈我们面临的问题如下:map是我们应用程序的核心元素,它的实例需要传递给许多不同的组件。例如,在map上绘制要素的工具需要引用map实例,以便它可以将自己作为交互工具添加到其中。我们讨论了如何构建我们的应用程序以集成OpenLayers与React以最可靠的方式并最终采用两种不同的方法:我们讨论的第一种方法是在应用程序范围的redux存储中保存对map对象的引用,这样它就可以通过@co

javascript - 如何在 Visual Studio 代码中调试异步/等待?

我想在visualstudiocode中调试包含async/await的js文件,但它提醒我vscode不支持它。我该怎么做才能使vscode支持异步/等待? 最佳答案 截至目前,在2019年,最新的VSCode支持异步/等待调试,只是想分享解决方案,以防止vscode通过“async_hooks.js"和"inspector_async_hook.js"调试nodejs应用程序期间的文件。方法:1)在vscode中按ctrl+p并输入“>launch”,选择“openlaunch.json”2)打开“launch.json”后,只

javascript - Google Visualization API - 德国地理 map 区域

在新geomap包版本发布后我好像有一个在德国地区使用地理map的问题。升级之前的一切似乎工作得很好。问题是如果我尝试同时展示DE-BE(柏林)和DE-BB(勃兰登堡)地区-柏林地区是未显示。如果我删除区域DE-BB,或将其替换为任何其他德国地区,例如,DE-BY(拜仁)它运行良好!请找到下面的测试代码:google.load('visualization','1.1',{packages:['geomap']});functiondrawVisualization(){vardata=newgoogle.visualization.DataTable();data.addRows(2

javascript - Redux 不更新 IE11 中的属性

我在InternetExplorer11中遇到了一个关于React和Redux的奇怪问题。我使用redux&thunk+promise中间件创建了一个React应用程序。所述应用程序在Chrome、Safari和Firefox中运行完全正常,但在InternetExplorer中运行时,React/Redux不会更新11Prop。在检查网络选项卡时,我可以看到Http请求被触发得很好。在Reduxreducers中记录此结果也给出了预期的结果。但似乎返回新状态并没有更新Prop。或者触发任何组件的重新渲染。(仅在IE中)。我尝试谷歌查看是否有人在同一条船上,但我找不到任何符合我的问题的

javascript - Redux Forms 提交验证不设置错误信息

我正在尝试制作带有提交验证的表单。当我提交表单时,我的handleSubmit触发并抛出SubmissionError,但没有任何反应。提交(每次都报错):functionsubmit(values){console.log(values);thrownewSubmissionError({password:'Wrongpassword',_error:'Loginfailed!'});}示例中的渲染字段:constrenderField=({input,label,type,meta:{touched,error}})=>({label}{touched&&error&&{error