首页 文章
  • 0 votes
     answers
     views

    具有嵌套闭包的Redux动作创建器

    有没有办法可以在Redux的动作创建器中返回多个嵌套闭包? 考虑一个 log 动作创建者而不是接受 log(topic, level, message) ,可以写成4个嵌套函数,每个函数只接受整个参数的一个范围,如 topic => level => message => (dispatch, getState) ? 直线前进: function log(topic, level...
  • 1 votes
     answers
     views

    具有多个用户时的Redux app结构

    我正在尝试学习redux,我不确定当多个用户使用该应用程序时,构建我的应用程序状态的最佳方法是什么 . 应用流程: 每次登录 {userid,username,token} 都存储在 localStorage.appUsers 现在,如果我的应用程序initialState看起来如下 { appusers:[],//Array of app users, i only keep the toke...
  • 0 votes
     answers
     views

    对redux存储的更改是否同步发生? [重复]

    这个问题在这里已有答案: Is store.dispatch in Redux synchronous or asynchronous 2个答案 si它保证按时间store.dispatch返回,状态已经改变了?如果是这种情况,那么为什么不通过调度调用返回newState? store.dispatch( action1() ); store.dispatch( action2() ); 例...
  • 1064 votes
     answers
     views

    为什么在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 votes
     answers
     views

    异步初始化的React.js组件的服务器端呈现策略

    React.js 的最大优势之一应该是 server-side rendering . 问题是关键函数 React.renderComponentToString() 是同步的,这使得在服务器上呈现组件层次结构时无法加载任何异步数据 . 假设我有一个用于评论的通用组件,我可以在页面的任何位置删除它 . 它只有一个属性,某种标识符(例如文章的id,其下方放置了注释),其他所有内容都由组件本身处理(...
  • 0 votes
     answers
     views

    如何在反应和反流中设置容器组件的状态?

    我有一个 Headers ,它应该在其状态发生变化时更改其内部组件,例如当用户单击登录按钮时,用户配置文件导航将替换该按钮 . 我的按钮是导航组件的一部分,我不知道如何从此导航组件更新其容器组件的状态 . 这是我的商店目前的样子 var React = require('react'); var Reflux = require('reflux'); var LoginActions = req...
  • 0 votes
     answers
     views

    TS2339:类型{}上不存在属性

    请帮我修复这个编译错误 . 下面你可以看到编译器抱怨第20行的 Actions 对象(为了清楚起见,我在发布之前删除了几行)是{}: 但是下面你可以在 actions.ts 中看到 Actions 是 Actions 类型的对象,它有所请求的属性(这是一个函数): 在基本代码中,您可以在DefinitelyTyped Alt 定义中看到 createActions 应该返回 Actions 类型...
  • 0 votes
     answers
     views

    React:如何将可重用组件与通常的哑组件连接起来

    当我开发基于React的Web应用程序时,我经常将组件分为智能和哑,以及可重用和自定义 . 可重复使用的部件可以是自给自足的,例如, <RedButton> 或 <CustomSelect> 但它们也可以是中间件组件,例如 <FluxStoreBinder> . 中间件组件在向其添加某些功能时呈现其 children ,通常是订阅 - 从Flux商店读取或从...
  • 2 votes
     answers
     views

    刷新反应组件或通量/还原的逻辑?

    所以我对React相当新,我无法围绕如何基于另一个组件重新渲染主要组件的概念 . 假设我们有一个待办事项,待办事项可以有一个状态(新的,运行的,关闭的) . 我们在列表中显示所有待办事项,我们可以根据状态过滤项目 . 我们使用bootstrap dropdownbutton like component来设置过滤器,这是一个React组件 . 现在,当我们更改过滤器时,我们显然想要刷新待办事项 ....
  • 0 votes
     answers
     views

    使用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 votes
     answers
     views

    React JS同构渲染

    ReactJS,原始Flux,react-router,nodeJS,socket.io一切都是最新的 . 如果我在浏览器中关闭javascript,则只呈现静态代码 . 在服务器端渲染 ComponentWillMount 和 render 方法被激发,但不是 ComponentDidMount .即使我将Flux逻辑放入 ComponentWillMount 方法,也没有任何反应:调用act...
  • 1 votes
     answers
     views

    在React中按下按钮重新渲染道具数据

    UPDATE #2 :我在JSFiddle上发布了LinksScreen和TimelineDay的代码 . 对不起,我之前没有这样做过! UPDATE :我使用的建议重新构建了我的代码 . 我现在正在尝试更新组件 TimelineDay 中的道具 timelineData 并重新渲染 LinksScreen 类 . 但是,我的测试没有任何反应 . 我对州/道具很新,所以任何建议都会非常感激 . 对...
  • 4 votes
     answers
     views

    规范化JSON API标准v1

    我一直在调查normalizr以展平在standard JSON API format中格式化的JSON API数据 . 有谁能指出我这样做的一些例子?我特别想知道如何处理资源对象关系的normalizr模式(由JSON API标准定义) . 在JSON API标准中,在资源对象中定义了"relationships"属性,然后是每组相关对象的属性 . 以下是JSON API格式...
  • 2 votes
     answers
     views

    如何将反应通量存储器重置为其初始状态?

    我正在使用React flux进行状态管理 . 如何将商店重置为初始状态? 例如,假设我有两个用户帐户(user1和user2) . 想象一下以下一系列事件: User1登录到应用程序并执行某些操作,因此我们会在商店中缓存一些数据 . User1注销 . User2登录应用程序而不刷新浏览器 . 此时,缓存的数据将与user11关联,我想清理它 . 当第一个用户注销时,如何将React Flu...
  • 41 votes
     answers
     views

    React Flux和服务器端渲染? (同构反应磁通)

    使用同构应用程序设置应用程序的初始状态的一般做法是什么?没有Flux我会简单地使用类似的东西: var props = { }; // initial state var html = React.renderToString(MyComponent(props); 然后通过express-handlebars渲染该标记并通过 {{{reactMarkup}} 显示 . 在客户端设置初始状态我会...
  • 0 votes
     answers
     views

    在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 votes
     answers
     views

    使用Flux架构中的内部事件创建可重用的React.js组件[关闭]

    我正在遵循以下视频中的“容器和组件”方法,以在Flux架构中构建可重用的组件 . React.js Conf 2015(22m 50s):https://youtu.be/KYzlpRvWZ6c?t=22m50s 例如,我正在使用“下一步”按钮构建图像滑块 . ImageSliderContainer 侦听ImageSliderStore并维护状态(例如,currentIndex) 使用...
  • 1 votes
     answers
     views

    React Flux:如果有状态,如何更新存储只能在组件渲染后确定

    我是FLUX / REACT的新手,我对FLUX有一些疑问 . 这是场景: 我有一个商店“A”和组件“B”,A传递数据到“B”然后B渲染它,但在B渲染后,我必须将它的HTML内容高度保存到某个地方(理想情况下,应该在“A”中) . 根据FLUX,数据流应该是单向的并存储在商店中,但我无法知道B渲染之前的高度 . 这对我来说就像一个悖论...... 我应该怎么做?
  • 4 votes
     answers
     views

    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 votes
     answers
     views

    Spring WebFlux没有流媒体响应

    我期待这段代码将事件传递给客户端(代码在Kotlin中,但Java非常相似) @RestController object CustomerController { @GetMapping("/load", produces = arrayOf("application/stream+json")) fun load(): Flux<S...
  • 2 votes
     answers
     views

    当login-status处于组件状态时,如何使用react-router实现与登录相关的路径?

    我正试图从react-router -repo实现auth-flow example,但我作为一个ReactJS初学者 . 我的登录状态是基于CSRF-cookie的存在,所以我的应用程序中有一个方法可以检索CSRF-cookie并将其值保存在以下状态: @autobind class App extends React.Component { constructor() { supe...
  • 3 votes
     answers
     views

    UI事件的Flux操作

    我在我的应用程序中使用react和flux,在我的应用程序中,我有两个组件:TreeView和TableView,它们是从两个不同的商店中获取的 . 我想添加一个选项 - 当我点击TableView中的一行时,它将在我的TreeView中打开相关节点 . 我的问题是:这两个组件应该如何相互通信?在AngularJS / Backbone中,我将使用Event Aggreator模式,并使用它的id...
  • 1 votes
     answers
     views

    Flux / Redux:为什么称“Store”?还有更好的选择吗?

    自从我了解了Flux及其实现/'flavors'之后,比如Redux,“Store”这个词让我感到不满意 . 在我看来,“商店”与Flux所做的完全不同 . 实际上,当我搜索SO标签“store”时,它提出了以下内容: 商店是一组集成对象的数据存储库 . 这些对象使用数据库模式中定义的类建模 . 数据存储不仅包括数据库之类的数据存储库,它还是一个更通用的概念,包括可以存储数据的平面文件 . 我...
  • 3 votes
     answers
     views

    在React组件和服务之间进行通信的最佳实践是什么?

    而不是使用flux / redux架构,反应组件应该如何与服务进行通信? For example: 有一个容器具有很少的代表性(反应)成分: ChatBox - 允许读/写消息 带密码更换器的AvatarBox - 可以更改用户密码 新闻流 - 列出新闻并对其应用过滤器 将它们视为资源表示,我希望它们中的每一个都能自己访问Microservice API(获取或更新数据) . ...
  • 1 votes
     answers
     views

    如何在Reactjs Reflux应用程序中正确初始化Store from Component?

    我有一个简单的导航栏用例 组件 NavBar.jsx NavBarItem.jsx 商店 NavStore.js 使用依赖项 反应 回流 我会像导航栏一样渲染 <NavBar active={itemName} itemList={itemList} /> 问题是我的初始状态是{},我的NavStore也是如此,因为没有涉及外部数据,我应该如何使用item...
  • 0 votes
     answers
     views

    Reactjs组件直接调用flux / reflux存储(不好的做法?)

    我有一个SessionStore,你可能会猜到,我存储和处理firebase会话对象 . 我有一个组件,很容易询问会话是否已直接创建到商店(不启动操作),但我不确定这是反模式/错误做法还是有效选项 . 问题是,由于我打破了正常的View - > Action - > Store - > View flow,它会被认为是不好的做法吗? 谢谢 .
  • 0 votes
     answers
     views

    Grafana将两个测量结果组合在一起来自Influxdb的grafana指标中的多个文件

    我想通过grafana显示虚拟机监控数据,因此已经通过docker映像安装了grafana Influxdb,并将zabbix数据导入了Influxdb . 我需要在grafana表指标中的两个测量中对multriple字段进行合并查询 . 如何将cloumn CPU(%)和business_system合并到下图中的一行? grafana question image 可以flux插件吗?欢迎任...
  • 21 votes
     answers
     views

    如何处理反应路由器通量中的查询参数

    我正在尝试将Backbone.Marionette应用程序替换为React,并且在查询查询参数时遇到困难 . 我想我在理解这种模式时错过了一种非常简单的和平,所以如果这个问题完全是胡说八道,我会道歉 . 我会感谢任何支持,或者只是指出我可以更具体地谷歌的一些方向 . 有一个列出用户的 /users 页面,您可以通过搜索栏过滤用户 . 因此,如果您想要在用户名中过滤包含'joe'的用户,我会向服务器...
  • 0 votes
     answers
     views

    React - REST定义的REST组件列表

    我将解释我想在Flux / React应用程序中实现的目标 . 这是我的路线: var routes = ( <Route name="layout" path="/" handler={Layout}> <Route name="page" path=':section/:detail' handler=...
  • 5 votes
     answers
     views

    有关多功能应用的状态与磁通存储的问题

    我一直在学习很多关于助焊剂的反应,为将要使用React Flux的项目做准备(alt实施) . 虽然所有的概念都清楚我对通量架构以及它们如何连接在一起 . 我对如何处理页面/视图特定数据有疑问 . 在大规模多功能应用程序中,应用程序范围的状态/数据(如身份验证状态或其他全局功能)应该由flux action / store处理以轻松处理跨组件状态 . 如果它处于角度1应用程序中,则这些数据/状态将...

热门问题