草庐IT

redux-framework

全部标签

javascript - Redux - combineReducers 如何知道将应用状态的哪个子集传递给 reducer

在Reduxbasicstutorial关于Reducers的部分我不太明白以下语法如何推断出应用程序状态的哪个子集要传递给调用combineReducers时引用的每个reducer。是不是单纯的匹配reducer名字上的状态成员名字?import{combineReducers}from'redux'import{ADD_TODO,COMPLETE_TODO,SET_VISIBILITY_FILTER,VisibilityFilters}from'./actions'const{SHOW_ALL}=VisibilityFiltersfunctionvisibilityFilter(

javascript - React Redux 职责

我几天前开始学习react-redux-immutable,但我仍然对构建我的应用程序感到困惑。我有php(symfony/laravelMVC背景),所以要理解一些javascript概念并不容易。1)我有几行WrapperComponent:exportdefaultfunction(props){conststyle={position:"relative"};constlines=props.lines;return({lines.map(line=>())});}2)连接到WrapperContainerimportWrapperfrom'../components/Wrap

javascript - Redux 中间件设计 re : return values

所以我刚刚阅读了redux中间件,听起来不错。不过有一件事困扰着我——中间件的返回值。我知道中间件的某些实例会返回一些东西(即redux-promise),而我得到其他中间件(即logging)不会-只是返回next(action)的结果。我的问题是,如果我想使用两个都返回内容的中间件会发生什么——它们肯定会互相破坏,而我只会获得最外层中间件的返回值。express/connect中间件通过让中间件将其“结果”写入req和res对象来解决这个问题,但是解决方案是什么还原?编辑这是我的问题的一个更具体的例子:我有两个中间件:将所有操作延迟3秒分派(dispatch)的中间件。这个中间件返

javascript - 如何让 Redux Thunk 和 Apollo GraphQL 协同工作

在我的项目中,ReduxThunk用于在actioncreator中保留所有异步函数。现在我正在尝试将ApolloGraphQL添加到我的项目中,一切正常,除了在我的功能组件中添加mutations并在那里调用它们时,它破坏了reduxthunk架构。如何解决?我想我可以创建新的actioncreator方法并将突变传递给它们,但它很快就会变成样板,这对我来说似乎不是一个好的解决方案。 最佳答案 Apollo突变不会破坏reduxthunk架构。如果您需要在突变后更新自己的reducer,请从突变的then或catch中分派(dis

javascript - Angular 2 ng2-redux 和 ngrx/store

我是Angular2的新手,我知道flux架构和ng2redux、ngrx/store,但仍然不知道哪个库用于开发应用程序。两者都提供了flux的实现。ng2-redux和ngrx/store有什么区别?开发中应该用到什么? 最佳答案 据我所知,两者之间的主要区别在于ng2-redux使用Angular绑定(bind)现有的React/Redux实现,而ngrx/store是Redux概念的完整重新实现。因此,有些人会争辩说ng2-redux与React/Redux库、中间件和devtools具有更好的兼容性。Github上的hen

javascript - 执行 Action 时 redux 出错 : Uncaught type error: cannot read property 'type' of undefined

刚刚接触React。我想这是一个基本问题,但我不明白为什么reducer没有被解雇或更新状态:我的HomeView.js:....const{localeChange,counter,locale}=this.propsreturn(increment(7)}>Increment.....)constmapStateToProps=(state)=>({locale:state.locale,counter:state.counter})exportdefaultconnect(mapStateToProps,{localeChange,increment})(HomeView)我的r

javascript - 更新深层不可变状态属性时,Redux 不更新组件

我的问题:为什么在我的不可变状态(映射)中更新数组中对象的属性不会导致Redux更新我的组件?我正在尝试创建一个将文件上传到我的服务器的小部件,我的初始状态(来self的UploaderReducer内部,您将在下面看到)对象如下所示:letinitState=Map({files:List(),displayMode:'grid',currentRequests:List()});我有一个thunk方法,它在事件发生时(例如进度更新)开始上传和分派(dispatch)操作。例如,onProgress事件如下所示:onProgress:(data)=>{dispatch(fileUpl

javascript - 带有 redux 和 react 的多个注册表

我一直在尝试开发一个类似于airbnb列表表单的仪表板表单,以便更深入地了解Reactredux,但我被困在我的项目中间。我有一个多表单,当用户点击继续按钮时,用户将获得另一个表单来填写等等,如果用户点击后退按钮,用户将获得一个返回前一步的表单,其中包含之前填写的值。我无法决定我应该为此做什么。我是否必须创建一个正在运行的对象作为listingName。摘要、姓名、电子邮件等作为空值,并使用Object.assign()或其他方式使用reducer更新它。直到现在我只能开发像当用户点击个人选项卡时显示与个人信息相关的表格,当用户点击基本选项卡时,显示与基本信息相关的表格。我希望所有表单

javascript - 使用 react-router-redux 时未定义 this.props.children

我遵循了githubpage上的react-router-redux示例,但是当我尝试通过{this.props.children}到IndexRoute我尝试记录它,它是未定义的。我通过控制台得到的唯一错误是Warning:Youshouldnotuseandinthesameroute;willbeignored,通过谷歌搜索这个错误,它只是人们说忽略它的那些错误之一,因为它不影响任何代码(出于某种原因)。package.json...."react":"^0.14.7","react-redux":"^4.4.0","react-router":"^4.0.0","react-r

javascript - Identity Server 4 + Identity Framework + React 前端

我正在寻找有关如何正确组合这样的环境的建议。Quickstarts中有大量信息和大量Material要涵盖,但经过3天的反复试验后,我仍然感到相当迷茫。我熟悉.NETFramework中的IdentityFramework,但在此之前从未使用过IdentityServer。我们有一个基于Node和MySql构建的微服务设置...Docker容器中的一系列服务,这些服务与MySql集群中它们自己的数据库节点通信。我们有一个内置于React和Redux中的管理UI-它将从AWS存储桶运行。我的任务是使用IdentityServer对这个React前端进行身份验证。我们不会用它对API进行身