草庐IT

async-redux

全部标签

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

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

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

javascript - 顶级 javascript 导入 - Redux

我正在尝试学习redux,但遇到了错误。我只有两个文件,一个index.html文件和一个main.js文件,html文件中有指向jquery和reduxcdns的链接。我在redux教程(http://redux.js.org/docs/basics/Store.html)中只达到了2.3,并且卡住了。我有import{createStore}from'redux';在我的main.js文件的顶部,但是当我加载应用程序时,我得到一个指向上面一行的错误语法错误:导入声明可能只出现在顶层什么是“顶级进口申报”?如果有帮助,这是我的代码的要点。https://gist.github.com

javascript - Redux 应用程序中的 mapStateToProps() 嵌套状态?

我在试图弄清楚为什么我在状态中获取和存储的JSON数据没有映射到我的组件属性时遇到了困难,但在console.log()时出现从mapStateToProps()函数中编辑。我是不是做错了什么我在这里没有看到?编辑:显然状态上的属性被映射到组件但是是嵌套的。当从mapStateToProps()中记录时,data属性必须通过state.state.data访问。在此之前(参见reducer),当action.data被记录时,数据会按预期出现。没有奇怪的嵌套。也许connect函数有问题?查看如何在状态对象中填充状态属性:下面是我的组件:classViewSelectorextends

javascript - 如何使用 Redux-Form V6 创建自定义下拉字段组件?

我有一个应用程序会很繁重,我希望尽可能多地控制,同时尽可能少地使用依赖项。为此,我想利用redux-formv6的自定义Field组件API并制作一堆我可以随意放入的自定义组件。这些组件之一是下拉选择。问题是自定义下拉组件没有连接到状态,即使它呈现OK。在文档中,示例完成这样的操作:RedGreenBlue我正在寻找一种即插即用的方法,我可以在其中放入一个组件,并将一组数据输入到Prop中:Form.js:SelectanOptionDropDownSelect.js:importReactfrom'react';importstylesfrom'./styles.css';class