草庐IT

redux-framework

全部标签

javascript - 如何根据 Electron 菜单点击更改 Redux 状态?

我正在构建一个Electron基于React和Redux的应用程序。我从electron-react-boilerplate开始,非常简约且易于理解。我希望用户在Electron菜单上打开一个文件,因此我想调用一个reducer并更改Redux应用程序状态。非常简单的概念。问题是我不知道如何从根组件外部更改Redux状态。Electron菜单在main.jsfile中定义.根组件在index.jsfile中定义,连同Reduxstate(store变量)。在main.js文件中,我想做这样的事情:submenu:[{label:'&Open',accelerator:'Ctrl+O',

javascript - 在两个 Redux Reducers/State 之间共享数据

对于两个状态/reducer之间的数据共享,这是一个合理的解决方案吗?//combineReducersfunctioncoreReducer(state={},action){letfiltersState=filters(state.filters,action);leteventsState=events(state.events,action,{filters:filtersState});return{events:eventsState,filters:filtersState};}exportconstrootReducer=combineReducers({core:c

javascript - 共享 promise (在 Redux 状态下。)

我有一个函数依赖于从异步操作(API获取)解析的Promise。异步操作需要返回Fetchpromise,或者返回一个在Fetch完成时解析的promise。但是,Fetch应该只发生一次。我可以将获取promise存储在一个全局变量中,然后返回它,但这是Redux中的反模式吗?Promise是否应该在Redux存储中,因为它是应用程序状态的一部分?示例代码://ShouldthisbeinReduxStore?varpromise=null;myfunction(){doAsyncTask().then(()=>{//Continue});}doAsyncTask(){if(prom

javascript - React Router vs Redux 优先路由

我和我的团队正在开发一个带有React、Redux和React路由器的应用程序。我们的应用程序有相当复杂的路由要求,但没有什么疯狂的:在导航的URL中添加默认查询参数,多个路由映射到同一View,根据应用程序状态在某些路由上重新路由,以及恢复以前的状态等等。我遇到的一个大问题是我无法自动路由和更新状态。路由必须在状态更新之前或之后发生,这会导致路由完成而不是状态更新的中间状态,反之亦然。例如,导航到特定View应该加载一些内容并将加载状态更新为正在加载状态。此外,一些组件在挂载时触发redux操作,因此路由事件直接导致redux操作,因此有点像分派(dispatch)多个redux操作

javascript - Django Rest Framework/Angular JS 预检选项请求

我使用DjangoRESTFramework编写了一个API。对于身份验证,我使用的是django-oauth2-provider:https://github.com/caffeinehit/django-oauth2-provider我在设置页面中像这样配置了cors(使用Corsheaders中间件。)MIDDLEWARE_CLASSES=(...'corsheaders.middleware.CorsMiddleware','django.middleware.common.CommonMiddleware',...)CORS_ORIGIN_ALLOW_ALL=True#Dan

javascript - React Redux,在获取数据并将其映射到组件后重新渲染?

您好,我在获取数据并作为this.props.data传递给子组件时遇到问题并在数据更改时重新渲染。它只在第一次提交表单和获取数据时起作用,但不会再次起作用。自render()以来,新数据不可用。函数调用{this.renderMap(this.props.data)}之前{this.renderData()},它获取并返回并映射数据。我尝试切换它们,但看起来render()函数在调用{this.renderMap(this.props.data)}之前没有等到数据被获取.我是否应该以不同的方式将数据传递给GoogleMap组件,以允许它在呈现之前重新加载新数据?我的渲染数据();工作

javascript - 表示 react-redux 连接组件的 UML 图

请UML专家帮助布置javascript特定图表。注意:react、FluxArchitecture、reactwithredux需要经验。我需要有关如何表示React应用程序(容器和子组件)的结构和行为的设计决策方面的帮助。使用Sparx企业架构师的目标是拥有标准的UML设计,以便整个团队(其中许多人对技术不是很熟悉)可以理解发生了什么,而且UI开发人员可以使用它进行开发。在我们决定了我们需要的UML类(ReactComponents)、Containers、表示Views以及我们仍在努力的行为之后与:貌似每个主要容器都需要用两张图来完整表示,一张结构图,一张行为图?如果设计遵循约定

javascript - 导入 redux store 未定义(加载顺序问题?)

更新2-添加显示问题的最小“工作”示例我尽可能地缩减了项目,同时仍然显示问题,让人们在感兴趣的情况下尝试想法/调试github:store_import_test错误发生在:request.js注意:我知道赏金即将到期,但如果发生这种情况,我会重新启用它。我非常感谢到目前为止提出的所有想法/帮助!结束更新2更新1-目的说明:我想在“效用函数”中访问存储中的一个值(可以随时间改变)。根据reduxdocssubscribe是一个有效的选项。结束更新我正在尝试在组件外部导入我的redux-store(在request.js中,见下文)类似于:Whatisthebestwaytoaccess

javascript - 嵌套 map 未正确呈现 Redux 状态

我是Reactjs的新手。我正在创建用户输入和要输入的实际句子之间的比较不知何故我能够实现这一点但它并不完美,因为嵌套map无法正确呈现如果字母输入正确它应该呈现绿色背景我的状态已正确更新但我的嵌套map有点不工作有延迟组件代码renderLine=()=>{lettest=this.props.test.get('master')returntest.map(line=>{returnline.check.map((ltr,i)=>ltr.status?{ltr.letter}:ltr.letter)})};handleKeyPress=e=>{if(e.charCode===32)

javascript - 在 Redux 中使用 getState 是一种反模式吗?

我第一次在jQuery应用程序中使用Redux,并且我创建了小型可观察实现。可观察对象响应状态对象的多个属性的变化,当状态本身发生变化时对DOM进行更改。如果我的可观察回调需要2个属性值来完成其任务,我将观察这两个值,然后使用这些值来更新UI。可观察对象根本不触及状态。他们只是将它呈现给回调中的可观察对象,以便它可用于使用状态更新UI。我正在进行的项目是一个重构,所以我在事后添加了Redux。有时,我意识到我需要一段代码中的特定状态属性,但我可能没有时间将其正确重构为可观察对象。在这些情况下,我会在商店中调用getState以获取我需要的内容并继续使用它。我不禁觉得这种方法有点缺陷。在