草庐IT

redux-store-visualizer

全部标签

javascript - React-Router-Redux 和 React-Bootstrap

我已经和这个问题斗争了一段时间了!我想拥有始终带有Logo、导航的“主应用程序容器”...我想使用react-bootstrap来美化它。目前我遇到了问题,我的项目基于davezuko的“react-redux-starter-kit”我试着把我所有的Bootstrap和在提供程序内的Root容器中。一切都显示出来,看起来不错,但我的链接都不起作用,当我放置一个常规的react路由器时我会遇到同样的问题。我想,嗯,链接在路由调用的View中工作,所以我在之后将所有这些复制到路由中导出默认值(商店)=>(Babel、eslint和webpack允许编译,但是当我运行页面时,这些都没有显示

javascript - 在 Redux 操作中将数据放入 "payload"键有什么好处?

我在任何地方都找不到很好的答案,这似乎是一个毫无意义的约定。在许多教程和文档中,Redux操作是这样定义的:{type:"ACTION_NAME",payload:{foo:123,bar:456,}}payload对象有什么意义?为什么不写这个:{type:"ACTION_NAME",foo:123,bar:456,}我正在使用Flow,我喜欢将我所有的操作类型定义为一个联合体,没有嵌套的有效负载:typeAction={type:'ACTION_NAME',foo:number,bar:number,}|{type:'ANOTHER_ACTION',someData:string,

javascript - Visual Studio 中的 HTML5 Javascript API Intellisense 支持

我开始玩HTML5/CSS3和新的JavaScriptAPI我在VS2010中注意到它不支持新的JavaScriptAPI我想知道我是否可以做些什么所以在Vs2010中,如果我输入:varcanvas=document.getElementById('diagonal');varcontext=canvas.getContext('2d');我没有得到“getContext”方法等的任何智能感知。我不想编写代码并编译并祈祷它能工作。知道如何为新的javascript启用智能感知吗? 最佳答案 VisualStudio2010Canv

javascript - 在 React/Redux 应用程序中,我什么时候应该显式地传递一个 prop,而不是使用 mapStateToProps 从全局状态中获取它?

我正在构建我的第一个React-Redux应用程序,在许多情况下,我可以选择执行或者有然后做functionmapStateToProps({pagination:{page}}){return{pageNumber:page+1};}使用一种或另一种方式的含义是什么?我什么时候应该更喜欢一种方式?是否有关于如何拾取Prop的最佳实践?每次用都感觉有点不好mapStateToProps在一些深层嵌套的组件中,因为感觉组件与特定页面/应用程序的状态耦合。 最佳答案 没有一个好的答案。根据位于http://redux.js.org/do

asp.net - Visual Studio 被 javascript 中的服务器代码搞糊涂了

我遇到了一个烦人的问题:下面的代码在VisualStudio中给出了警告。varx=;警告是“预期的表达式”。VisualStudio变得困惑,之后的所有javascript代码都发出大量警告。诚然,这都是警告,并且它在运行时运行得非常好-但很容易在许多误报中错过真正的警告。它在VS2008中以相同的方式工作,在VS2010中未修复。有人知道是否有解决方法或补丁吗? 最佳答案 您需要将服务器端表达式括在引号中。varx=""; 关于asp.net-VisualStudio被javascr

javascript - Intellisense 不适用于 Visual Studio Code 中的导入

当使用javascript(es2015)导入时,Intellisense似乎已损坏。当我在同一个文件中工作时,VSC会使用正确的JSDoc信息自动建议对象中的方法。但是,当在另一个文件中导入类时,Intellisense似乎完全被破坏了(david.david,wtf?)。我是否需要调整VisualStudioCode中的任何设置才能使其正常工作?我尝试将我的jsconfig文件调整为es2015imports和es6as但这没有用。我的jsconfig.json:{"compilerOptions":{"module":"es6"}} 最佳答案

javascript - 刷新后 React-Redux 状态丢失

我真的是React和Redux的新手,我一直在学习StephenGrider的AdvancedReactandRedux类(class),并且我正在做身份验证的客户端。我已经在我的本地存储中保存了一个token,在我刷新页面之前一切似乎都运行良好。当我登录/注册时,导航会更改为显示注销按钮,但如果我手动刷新页面,导航会变回显示登录/注册按钮。我对此很陌生,不知道应该将什么作为代码片段包含在内。我将保留reducer和actions/index.js。还有this喜欢我的git仓库。Action/index.jsimportaxiosfrom'axios';import{browserH

javascript - Redux-Thunk - 异步 Action 创建者 promise 和链接不起作用

我正在尝试发送一个Action。我找到了一些操作的工作示例,但没有我的那么复杂。你能给我一个提示吗?我做错了什么?我正在使用TypeScript,最近删除了所有类型并尽可能简化了我的代码。我正在使用redux-thunk和redux-promise,像这样:import{save}from'redux-localstorage-simple';importthunkMiddlewarefrom'redux-thunk';importpromiseMiddlewarefrom'redux-promise';constmiddlewares=[save(),thunkMiddleware,

javascript - 如何将值从组件传递到 Redux 表单

我在React.js中使用Redux表单作为表单,我的表单是,我有一个自定义的谷歌地图组件,我想将纬度和经度绑定(bind)到我的表单表单importReactfrom'react';import{Field,reduxForm}from'redux-form';constSimpleForm=props=>{const{handleSubmit,pristine,reset,submitting}=props;return(FirstName);};exportdefaultreduxForm({form:'simple',//auniqueidentifierforthisform

javascript - 警告 : setState(. ..):无法在使用 redux/immutable 的现有状态转换期间更新

我遇到了错误Warning:setState(...):Cannotupdateduringanexistingstatetransition(suchaswithinrenderoranothercomponent'sconstructor).Rendermethodsshouldbeapurefunctionofpropsandstate;constructorside-effectsareananti-pattern,butcanbemovedtocomponentWillMount.我发现原因是constmapStateToProps=(state)=>{return{noti