问题标签 [flux]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
firebase - 如何将通量与firebase的有时同步回调一起使用
我正在尝试将通量与 firebase 一起使用,并发现 Firebase.on() 回调有时由同一客户端中调用的 Firebase.set() 同步触发。
这与在用户触发 firebase 集时分派一个动作和在值返回时分派另一个动作的通量模式不相符,这将破坏多分派不变量。
一种解决方法是使用 process.nextTick() 延迟突变调用。有没有办法强制在下一个滴答声中调用回调,比如 Promise 是如何工作的?或者这里有推荐的模式吗?
reactjs - 使用 reactjs 中的道具更新商店
我正在关注通量架构,我想知道是否可以根据收到的道具更新商店?如果是的话,最好的方法是什么?
javascript - react/flux- 子组件用户事件 - 一切都应该通过调度程序路由吗
我只是在使用通量和反应制作一个简单的原型。以前当我使用 React 时,我已经将事件从子组件发送到它们的父组件(他们在子组件上注册了 prop 回调),然后在父组件中更改了状态。
遵循 Flux 架构是否应该通过 Dispatcher 引发所有事件?例如,即使是一个简单的用户事件,比如选择一个复选框,也应该通过这个链引发:
- 在组件事件处理程序中创建一个动作
- 发送给调度员
- 调度员发送到商店
- store 向控制器视图发出更改事件
- 控制器视图回调到商店以获取更改
谢谢
javascript - 在 React JS 中,什么时候应该使用存储与直接操作视图的状态?
现在我将 store 的概念理解为 React 应用程序的真实来源,但似乎有时使用 store 是多余的,尤其是在仅 UI 的情况下。
例如,假设我正在制作一个包含电影列表的应用程序。该应用程序包含一个搜索栏,可让您根据标题过滤这些电影。这个搜索栏的值(我们称之为searchTerm
)是否应该包含在商店中?它唯一的影响是显示的电影列表,这纯粹是一个 UI 功能。它不会被发送到服务器或保存到本地存储。所以在我的handleTextChange
功能中,我应该提醒商店,还是简单地设置组件的状态:
应该是这样(使用商店):
或者这个(不使用商店):
后一个例子显然更简单。是否有充分的理由使用商店来过滤数据?或者视图应该有一个searchTerm
变量并在函数中执行过滤render()
?
reactjs - 如何从不断变化的选择中获取值
我在使用jflux框架的渲染函数上有以下代码。所以请任何人都可以给我一个想法。
我想将新选择的选项分配给一个变量。如何获得选定的选项?
reactjs - 如何从 Reactjs+Reflux 应用程序中的组件正确初始化 Store?
我有一个简单的导航栏用例
成分
- 导航栏.jsx
- 导航栏项目.jsx
专卖店
- 导航商店.js
使用依赖项
- 反应
- 回流
我会像这样渲染导航栏
问题是我的初始状态是 {},我的 NavStore 也是,因为不涉及外部数据,我应该如何使用 itemList 信息初始化 NavStore.js?
我尝试在 Store 上添加一个辅助方法,如 initializeData(data),并在 NavBar 组件的渲染或 getInitialState() 中调用它,它总是在组件上的 this.setState() 之后被调用,并使用初始值重新初始化存储。不知道为什么 getInitialState() 总是在 this.setState() 上被调用。
我也使用 Reflux 作为动作调度程序,但我看到每个动作都调用了 getInitialState()。似乎有点奇怪。Reflux 默认会触发组件的重新创建吗?
typo3 - Fluid TYPO3:更新后出错:无法分析类:FluidTYPO3\Flux\ViewHelpers\Flexform\SheetViewHelper 可能未加载或没有自动加载器?
啊!我的TYPO3 6.2.11
工作很好!然后我更新了我的所有内容FLUIDTYPO3-Extensions
,现在我会收到一个错误:
这是changelog,但对我来说没有明显的问题吗?流体TYPO3:
我在所有模板和 FLUX-FCE 上更改了我的命名空间,xmlns:f
但这无济于事。从
至
没有什么。
这是一场灾难……我的网站因该错误而崩溃。我希望有人可以帮助我......(永远不要在晚上 10 点之后更新;)
javascript - 在 Flux 中处理同一组件的多个实例
以Flux TodoMVC 为例,假设我想要两个 Todo-Apps 并排放置。
现在,当您运行此示例时,您会注意到两个 Todo 列表将同步,因为它们发出和侦听相同的操作。
防止这种情况的规范方法是什么?
javascript - 找不到错误模块“react”
我正在尝试建立一个通量反应环境,我在这里观看了教程:https ://egghead.io/lessons/react-development-environment-setup ,我已经复制并粘贴了教程视频中的确切代码(它都在视频下方可用)但每次我运行它时都会收到以下错误:
我不明白,所有内容都被复制和粘贴,除了 package.json 文件是相同的,除了它具有最新版本。这是它的副本:
出了什么问题?新版本中是否有任何人可能知道的使此代码不再有效的重大更改?除此之外,我不知道它可能是什么,因为它在视频教程中显然有效
model-view-controller - 使用 reactjs 客户端时更新后端服务器的常用方法是什么?
使用 reactjs 构建的前端客户端似乎可以修改数据,但为了使这种修改持续存在,需要将修改存储在后端。但是,与传统的客户端-服务器应用程序不同,在客户端上呈现的数据并非始终来自后端。
例如,使用经典的 To-Do 应用示例,给定初始状态
(伪代码)
当用户添加新任务时,客户端会更新任务列表
但是,新添加的任务“任务 2”不一定存在于后端。将这些信息推送回后端以确保性能(客户端不必等待往返更新)和一致性(如果后端更新失败,需要让用户知道)的公认方法是什么并且可以采取某种行动)?