-
0 votesanswersviews
具有嵌套闭包的Redux动作创建器
有没有办法可以在Redux的动作创建器中返回多个嵌套闭包? 考虑一个 log 动作创建者而不是接受 log(topic, level, message) ,可以写成4个嵌套函数,每个函数只接受整个参数的一个范围,如 topic => level => message => (dispatch, getState) ? 直线前进: function log(topic, level... -
1 votesanswersviews
具有多个用户时的Redux app结构
我正在尝试学习redux,我不确定当多个用户使用该应用程序时,构建我的应用程序状态的最佳方法是什么 . 应用流程: 每次登录 {userid,username,token} 都存储在 localStorage.appUsers 现在,如果我的应用程序initialState看起来如下 { appusers:[],//Array of app users, i only keep the toke... -
0 votesanswersviews
对redux存储的更改是否同步发生? [重复]
这个问题在这里已有答案: Is store.dispatch in Redux synchronous or asynchronous 2个答案 si它保证按时间store.dispatch返回,状态已经改变了?如果是这种情况,那么为什么不通过调度调用返回newState? store.dispatch( action1() ); store.dispatch( action2() ); 例... -
1064 votesanswersviews
为什么在Facebook Flux上使用Redux?
我读过this answer,reducing boilerplate,看了几个GitHub的例子,甚至试了一下redux(todo apps) . 据我了解,official redux doc motivations提供了与传统MVC架构相比的优点 . 但它没有提供问题的答案: Why you should use Redux over Facebook Flux? 这只是编程风格的问题:功能... -
110 votesanswersviews
异步初始化的React.js组件的服务器端呈现策略
React.js 的最大优势之一应该是 server-side rendering . 问题是关键函数 React.renderComponentToString() 是同步的,这使得在服务器上呈现组件层次结构时无法加载任何异步数据 . 假设我有一个用于评论的通用组件,我可以在页面的任何位置删除它 . 它只有一个属性,某种标识符(例如文章的id,其下方放置了注释),其他所有内容都由组件本身处理(... -
0 votesanswersviews
如何在反应和反流中设置容器组件的状态?
我有一个 Headers ,它应该在其状态发生变化时更改其内部组件,例如当用户单击登录按钮时,用户配置文件导航将替换该按钮 . 我的按钮是导航组件的一部分,我不知道如何从此导航组件更新其容器组件的状态 . 这是我的商店目前的样子 var React = require('react'); var Reflux = require('reflux'); var LoginActions = req... -
0 votesanswersviews
TS2339:类型{}上不存在属性
请帮我修复这个编译错误 . 下面你可以看到编译器抱怨第20行的 Actions 对象(为了清楚起见,我在发布之前删除了几行)是{}: 但是下面你可以在 actions.ts 中看到 Actions 是 Actions 类型的对象,它有所请求的属性(这是一个函数): 在基本代码中,您可以在DefinitelyTyped Alt 定义中看到 createActions 应该返回 Actions 类型... -
0 votesanswersviews
React:如何将可重用组件与通常的哑组件连接起来
当我开发基于React的Web应用程序时,我经常将组件分为智能和哑,以及可重用和自定义 . 可重复使用的部件可以是自给自足的,例如, <RedButton> 或 <CustomSelect> 但它们也可以是中间件组件,例如 <FluxStoreBinder> . 中间件组件在向其添加某些功能时呈现其 children ,通常是订阅 - 从Flux商店读取或从... -
2 votesanswersviews
刷新反应组件或通量/还原的逻辑?
所以我对React相当新,我无法围绕如何基于另一个组件重新渲染主要组件的概念 . 假设我们有一个待办事项,待办事项可以有一个状态(新的,运行的,关闭的) . 我们在列表中显示所有待办事项,我们可以根据状态过滤项目 . 我们使用bootstrap dropdownbutton like component来设置过滤器,这是一个React组件 . 现在,当我们更改过滤器时,我们显然想要刷新待办事项 .... -
0 votesanswersviews
使用React Router React Flux直接路由到URL
我正在使用React Router并尝试在导航到特定URL时呈现组件 . 我尝试过其他帖子提供的解决方案,但似乎没有一个对我有用 . 我正在运行React Router React Flux . 这是我的routes.js文件: import React from 'react'; import About from './components/About' import {Router, Rou... -
2 votesanswersviews
React JS同构渲染
ReactJS,原始Flux,react-router,nodeJS,socket.io一切都是最新的 . 如果我在浏览器中关闭javascript,则只呈现静态代码 . 在服务器端渲染 ComponentWillMount 和 render 方法被激发,但不是 ComponentDidMount .即使我将Flux逻辑放入 ComponentWillMount 方法,也没有任何反应:调用act... -
1 votesanswersviews
在React中按下按钮重新渲染道具数据
UPDATE #2 :我在JSFiddle上发布了LinksScreen和TimelineDay的代码 . 对不起,我之前没有这样做过! UPDATE :我使用的建议重新构建了我的代码 . 我现在正在尝试更新组件 TimelineDay 中的道具 timelineData 并重新渲染 LinksScreen 类 . 但是,我的测试没有任何反应 . 我对州/道具很新,所以任何建议都会非常感激 . 对... -
4 votesanswersviews
规范化JSON API标准v1
我一直在调查normalizr以展平在standard JSON API format中格式化的JSON API数据 . 有谁能指出我这样做的一些例子?我特别想知道如何处理资源对象关系的normalizr模式(由JSON API标准定义) . 在JSON API标准中,在资源对象中定义了"relationships"属性,然后是每组相关对象的属性 . 以下是JSON API格式... -
2 votesanswersviews
如何将反应通量存储器重置为其初始状态?
我正在使用React flux进行状态管理 . 如何将商店重置为初始状态? 例如,假设我有两个用户帐户(user1和user2) . 想象一下以下一系列事件: User1登录到应用程序并执行某些操作,因此我们会在商店中缓存一些数据 . User1注销 . User2登录应用程序而不刷新浏览器 . 此时,缓存的数据将与user11关联,我想清理它 . 当第一个用户注销时,如何将React Flu... -
41 votesanswersviews
React Flux和服务器端渲染? (同构反应磁通)
使用同构应用程序设置应用程序的初始状态的一般做法是什么?没有Flux我会简单地使用类似的东西: var props = { }; // initial state var html = React.renderToString(MyComponent(props); 然后通过express-handlebars渲染该标记并通过 {{{reactMarkup}} 显示 . 在客户端设置初始状态我会... -
0 votesanswersviews
在React组件中设置初始状态以进行渐进增强和Flux架构
我在http://scotch.io/tutorials/javascript/build-a-real-time-twitter-stream-with-node-and-react-js上阅读了它,它描述了一种无缝接管服务器渲染的React组件的技术: 服务器在手柄中呈现为{{}},并传递初始状态 . <section id="react-app">{{{ ma... -
3 votesanswersviews
使用Flux架构中的内部事件创建可重用的React.js组件[关闭]
我正在遵循以下视频中的“容器和组件”方法,以在Flux架构中构建可重用的组件 . React.js Conf 2015(22m 50s):https://youtu.be/KYzlpRvWZ6c?t=22m50s 例如,我正在使用“下一步”按钮构建图像滑块 . ImageSliderContainer 侦听ImageSliderStore并维护状态(例如,currentIndex) 使用... -
1 votesanswersviews
React Flux:如果有状态,如何更新存储只能在组件渲染后确定
我是FLUX / REACT的新手,我对FLUX有一些疑问 . 这是场景: 我有一个商店“A”和组件“B”,A传递数据到“B”然后B渲染它,但在B渲染后,我必须将它的HTML内容高度保存到某个地方(理想情况下,应该在“A”中) . 根据FLUX,数据流应该是单向的并存储在商店中,但我无法知道B渲染之前的高度 . 这对我来说就像一个悖论...... 我应该怎么做? -
4 votesanswersviews
Reactjs:作为道具访问时未定义的键
工具:Reactjs 0.14.0 Vanilla Flux I need unique identifiers for 2 reasons: Child Reconciliation Keeping track of what child was clicked 所以,假设我有一个如下所示的消息列表: [ { id: 1241241234, <--... -
1 votesanswersviews
Spring WebFlux没有流媒体响应
我期待这段代码将事件传递给客户端(代码在Kotlin中,但Java非常相似) @RestController object CustomerController { @GetMapping("/load", produces = arrayOf("application/stream+json")) fun load(): Flux<S... -
2 votesanswersviews
当login-status处于组件状态时,如何使用react-router实现与登录相关的路径?
我正试图从react-router -repo实现auth-flow example,但我作为一个ReactJS初学者 . 我的登录状态是基于CSRF-cookie的存在,所以我的应用程序中有一个方法可以检索CSRF-cookie并将其值保存在以下状态: @autobind class App extends React.Component { constructor() { supe... -
3 votesanswersviews
UI事件的Flux操作
我在我的应用程序中使用react和flux,在我的应用程序中,我有两个组件:TreeView和TableView,它们是从两个不同的商店中获取的 . 我想添加一个选项 - 当我点击TableView中的一行时,它将在我的TreeView中打开相关节点 . 我的问题是:这两个组件应该如何相互通信?在AngularJS / Backbone中,我将使用Event Aggreator模式,并使用它的id... -
1 votesanswersviews
Flux / Redux:为什么称“Store”?还有更好的选择吗?
自从我了解了Flux及其实现/'flavors'之后,比如Redux,“Store”这个词让我感到不满意 . 在我看来,“商店”与Flux所做的完全不同 . 实际上,当我搜索SO标签“store”时,它提出了以下内容: 商店是一组集成对象的数据存储库 . 这些对象使用数据库模式中定义的类建模 . 数据存储不仅包括数据库之类的数据存储库,它还是一个更通用的概念,包括可以存储数据的平面文件 . 我... -
3 votesanswersviews
在React组件和服务之间进行通信的最佳实践是什么?
而不是使用flux / redux架构,反应组件应该如何与服务进行通信? For example: 有一个容器具有很少的代表性(反应)成分: ChatBox - 允许读/写消息 带密码更换器的AvatarBox - 可以更改用户密码 新闻流 - 列出新闻并对其应用过滤器 将它们视为资源表示,我希望它们中的每一个都能自己访问Microservice API(获取或更新数据) . ... -
1 votesanswersviews
如何在Reactjs Reflux应用程序中正确初始化Store from Component?
我有一个简单的导航栏用例 组件 NavBar.jsx NavBarItem.jsx 商店 NavStore.js 使用依赖项 反应 回流 我会像导航栏一样渲染 <NavBar active={itemName} itemList={itemList} /> 问题是我的初始状态是{},我的NavStore也是如此,因为没有涉及外部数据,我应该如何使用item... -
0 votesanswersviews
Reactjs组件直接调用flux / reflux存储(不好的做法?)
我有一个SessionStore,你可能会猜到,我存储和处理firebase会话对象 . 我有一个组件,很容易询问会话是否已直接创建到商店(不启动操作),但我不确定这是反模式/错误做法还是有效选项 . 问题是,由于我打破了正常的View - > Action - > Store - > View flow,它会被认为是不好的做法吗? 谢谢 . -
0 votesanswersviews
Grafana将两个测量结果组合在一起来自Influxdb的grafana指标中的多个文件
我想通过grafana显示虚拟机监控数据,因此已经通过docker映像安装了grafana Influxdb,并将zabbix数据导入了Influxdb . 我需要在grafana表指标中的两个测量中对multriple字段进行合并查询 . 如何将cloumn CPU(%)和business_system合并到下图中的一行? grafana question image 可以flux插件吗?欢迎任... -
21 votesanswersviews
如何处理反应路由器通量中的查询参数
我正在尝试将Backbone.Marionette应用程序替换为React,并且在查询查询参数时遇到困难 . 我想我在理解这种模式时错过了一种非常简单的和平,所以如果这个问题完全是胡说八道,我会道歉 . 我会感谢任何支持,或者只是指出我可以更具体地谷歌的一些方向 . 有一个列出用户的 /users 页面,您可以通过搜索栏过滤用户 . 因此,如果您想要在用户名中过滤包含'joe'的用户,我会向服务器... -
0 votesanswersviews
React - REST定义的REST组件列表
我将解释我想在Flux / React应用程序中实现的目标 . 这是我的路线: var routes = ( <Route name="layout" path="/" handler={Layout}> <Route name="page" path=':section/:detail' handler=... -
5 votesanswersviews
有关多功能应用的状态与磁通存储的问题
我一直在学习很多关于助焊剂的反应,为将要使用React Flux的项目做准备(alt实施) . 虽然所有的概念都清楚我对通量架构以及它们如何连接在一起 . 我对如何处理页面/视图特定数据有疑问 . 在大规模多功能应用程序中,应用程序范围的状态/数据(如身份验证状态或其他全局功能)应该由flux action / store处理以轻松处理跨组件状态 . 如果它处于角度1应用程序中,则这些数据/状态将...