草庐IT

redux-store-visualizer

全部标签

javascript - React - 由父级覆盖 redux prop

说我有一个Container通过以下方式连接到redux:constmapStateToProps=({MyReducer})=>({myProp:MyReducer.myProp});是否可以通过父级强制myProp的值(覆盖redux)?我试过:但是mapStateToProps会覆盖提供的值。注意:我无法更改容器,我的问题是是否只能通过父容器来完成。(当然这意味着糟糕的状态设计,但不幸的是它已经到了那个地步)谢谢 最佳答案 mapStateToProps接受twoarguments.所以我想你可以通过以下方式覆盖它:const

javascript - 组件中的 store.getState 或 mapStateToProps

我有一个问题,直接从商店使用getState或使用mapStateToProps有什么区别。请看我下面的例子importReact,{Component}from'react'importstorefrom'../store'import{connect}from'react-redux';classTestextendsComponent{constructor(props){super(props);}render(){return({this.props.count}{store.getState().reducer1.count})}}constmapStateToProps=

javascript - React/Redux + super 代理,第一次调用被终止

我正在编写一个react-redux应用程序,我在其中使用superagent在我的中间件中进行一些服务调用。我发现了一个非常奇怪的行为,即对我的搜索api的第一次调用总是被终止。我试过在调用第一个电话之前等待10-30秒,并记录过程中的每一步,但我似乎无法查明为什么会发生这种情况。我的Action创作者看起来像exportfunctiongetSearchResults(searchQuery){return{query:searchQuery,type:actions.GO_TO_SEARCH_RESULTS}}它在这里命中了中间件逻辑:vardefaultURL='/myServ

javascript - 初学者的 : const definition in Redux confusing

在这个Redux入门类(class)中https://egghead.io/lessons/javascript-redux-store-methods-getstate-dispatch-and-subscribe?series=getting-started-with-redux,主持人说下面两行是一样的const{createStore}=Redux;varcreateStore=Redux.createStore;我刚刚搜索了ES6const文档,它并没有完全回答我的问题,这两行如何相同? 最佳答案 这与const(这只是定

javascript - Redux - 了解返回函数的高级 mapStateToProps

我试图了解mapStateToProps返回函数时的机制。所以我找不到太多的文档,除了Redux文档的一个简短摘录,它通过返回一个函数提前说明情况,每个实例都会得到自己的内存mapStateToProps和另一个用户说这是一种防止mapStateToProps被要求更改任何父属性。所以这对于列表项来说似乎很棒,我不想为不影响项目的任何更改重新呈现大型项目列表。所以让我感到困惑的部分是mapStateToProps不会因任何父属性更改而被调用,这是否意味着为了重新呈现单个列表“Item”,它需要成为它的智能连接组件获取它关心的更改并重新渲染?或者这是否意味着它永远不会为这个特定的Item

javascript - Redux reducer 中的传播运算符

我想了解扩展运算符在Redux状态下做了什么?我回答了这个问题PurposeoftheSpreadsyntaxinReact-ReduxReducers但出于某种原因不能说服Answer。谁能用非常简单的术语向我解释为什么我们要这样做caseWHATEVER:return{...state,DateSucess:action.payload,不仅仅是caseWHATEVERreturn{DataSucess:action.payload 最佳答案 扩展运算符与ES6中的相同,仍然是相同的行为(检查MDNdocs)。关于使用...st

javascript - 如何实现新的 react-redux v6.0.0

我正在尝试将react-reduxv5.X.X迁移到v6.0.0并且似乎没有任何文档。我正在使用以下版本:“react”:“^16.4.2”"redux":"^4.0.0""react-redux":"^6.0.0"官方更改日志说。Passingstoreasaproptoaconnectedcomponentisnolongersupported.Instead,youmaypassacustomcontext={MyContext}proptobothand.Youmayalsopass{context:MyContext}asanoptiontoconnect.linkisher

javascript - Spread Operator 不适用于基于 Redux/ES6 的示例

我正在尝试理解DanAbramov发布的Redux在线教程。目前我在下面的示例中:ReducercompositionwithArrays下面是我按照上述示例的练习代码://IndividualTODOReducerconsttodoReducer=(state,action)=>{switch(action.type){case'ADD_TODO':return{id:action.id,text:action.text,completed:false};case'TOGGLE_TODO':if(state.id!=action.id)returnstate;//Thisnotwor

javascript - Visual Studio 代码错误 - 无法加载 jshint 库

每次启动或加载VisualStudioCode时,它​​都会显示一条错误消息:“无法加载jshint库。请使用“npminstalljshint”或全局使用“npminstall-gjshint”在您的工作区文件夹中安装jshint,然后按重试”。有什么解决办法吗? 最佳答案 您需要按照提示安装jshint。仅适用于工作区npm安装jshint或适用于您所有的工作空间npm安装-gjshint 关于javascript-VisualStudio代码错误-无法加载jshint库,我们在St

javascript - 如何使用 Redux-Saga 避免重复的 API 请求?

到目前为止,与其他Flux实现相比,我更喜欢Redux,并且我正在使用它来重写我们的前端应用程序。我面临的主要困难点:维护API调用的状态以避免发送重复请求。维护记录之间的关系。第一个问题可以通过在每种数据类型的子状态中保留一个状态字段来解决。例如:functionpostsReducer(state,action){switch(action.type){case"FETCH_POSTS":return{...state,status:"loading",};case"LOADED_POSTS":return{status:"complete",posts:action.posts,