问题标签 [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.

0 投票
0 回答
435 浏览

firebase - 如何将通量与firebase的有时同步回调一起使用

我正在尝试将通量与 firebase 一起使用,并发现 Firebase.on() 回调有时由同一客户端中调用的 Firebase.set() 同步触发。

这与在用户触发 firebase 集时分派一个动作和在值返回时分派另一个动作的通量模式不相符,这将破坏多分派不变量。

一种解决方法是使用 process.nextTick() 延迟突变调用。有没有办法强制在下一个滴答声中调用回调,比如 Promise 是如何工作的?或者这里有推荐的模式吗?

0 投票
1 回答
309 浏览

reactjs - 使用 reactjs 中的道具更新商店

我正在关注通量架构,我想知道是否可以根据收到的道具更新商店?如果是的话,最好的方法是什么?

0 投票
2 回答
404 浏览

javascript - react/flux- 子组件用户事件 - 一切都应该通过调度程序路由吗

我只是在使用通量和反应制作一个简单的原型。以前当我使用 React 时,我已经将事件从子组件发送到它们的父组件(他们在子组件上注册了 prop 回调),然后在父组件中更改了状态。

遵循 Flux 架构是否应该通过 Dispatcher 引发所有事件?例如,即使是一个简单的用户事件,比如选择一个复选框,也应该通过这个链引发:

  1. 在组件事件处理程序中创建一个动作
  2. 发送给调度员
  3. 调度员发送到商店
  4. store 向控制器视图发出更改事件
  5. 控制器视图回调到商店以获取更改

谢谢

0 投票
2 回答
2186 浏览

javascript - 在 React JS 中,什么时候应该使用存储与直接操作视图的状态?

现在我将 store 的概念理解为 React 应用程序的真实来源,但似乎有时使用 store 是多余的,尤其是在仅 UI 的情况下。

例如,假设我正在制作一个包含电影列表的应用程序。该应用程序包含一个搜索栏,可让您根据标题过滤这些电影。这个搜索栏的值(我们称之为searchTerm)是否应该包含在商店中?它唯一的影响是显示的电影列表,这纯粹是一个 UI 功能。它不会被发送到服务器或保存到本地存储。所以在我的handleTextChange功能中,我应该提醒商店,还是简单地设置组件的状态:

应该是这样(使用商店):

或者这个(不使用商店):

后一个例子显然更简单。是否有充分的理由使用商店来过滤数据?或者视图应该有一个searchTerm变量并在函数中执行过滤render()

0 投票
0 回答
164 浏览

reactjs - 如何从不断变化的选择中获取值

我在使用jflux框架的渲染函数上有以下代码。所以请任何人都可以给我一个想法。

我想将新选择的选项分配给一个变量。如何获得选定的选项?

0 投票
1 回答
2992 浏览

reactjs - 如何从 Reactjs+Reflux 应用程序中的组件正确初始化 Store?

我有一个简单的导航栏用例

成分

  • 导航栏.jsx
  • 导航栏项目.jsx

专卖店

  • 导航商店.js

使用依赖项

  • 反应
  • 回流

我会像这样渲染导航栏

问题是我的初始状态是 {},我的 NavStore 也是,因为不涉及外部数据,我应该如何使用 itemList 信息初始化 NavStore.js?

我尝试在 Store 上添加一个辅助方法,如 initializeData(data),并在 NavBar 组件的渲染或 getInitialState() 中调用它,它总是在组件上的 this.setState() 之后被调用,并使用初始值重新初始化存储。不知道为什么 getInitialState() 总是在 this.setState() 上被调用。

我也使用 Reflux 作为动作调度程序,但我看到每个动作都调用了 getInitialState()。似乎有点奇怪。Reflux 默认会触发组件的重新创建吗?

0 投票
2 回答
1577 浏览

typo3 - Fluid TYPO3:更新后出错:无法分析类:FluidTYPO3\Flux\ViewHelpers\Flexform\SheetViewHelper 可能未加载或没有自动加载器?

啊!我的TYPO3 6.2.11工作很好!然后我更新了我的所有内容FLUIDTYPO3-Extensions,现在我会收到一个错误:

这是changelog,但对我来说没有明显的问题吗?流体TYPO3:

我在所有模板和 FLUX-FCE 上更改了我的命名空间,xmlns:f但这无济于事。从

没有什么。

这是一场灾难……我的网站因该错误而崩溃。我希望有人可以帮助我......(永远不要在晚上 10 点之后更新;)

0 投票
1 回答
1002 浏览

javascript - 在 Flux 中处理同一组件的多个实例

Flux TodoMVC 为例,假设我想要两个 Todo-Apps 并排放置。

现在,当您运行此示例时,您会注意到两个 Todo 列表将同步,因为它们发出和侦听相同的操作。

防止这种情况的规范方法是什么?

0 投票
1 回答
666 浏览

javascript - 找不到错误模块“react”

我正在尝试建立一个通量反应环境,我在这里观看了教程:https ://egghead.io/lessons/react-development-environment-setup ,我已经复制并粘贴了教程视频中的确切代码(它都在视频下方可用)但每次我运行它时都会收到以下错误:

我不明白,所有内容都被复制和粘贴,除了 package.json 文件是相同的,除了它具有最新版本。这是它的副本:

出了什么问题?新版本中是否有任何人可能知道的使此代码不再有效的重大更改?除此之外,我不知道它可能是什么,因为它在视频教程中显然有效

0 投票
2 回答
215 浏览

model-view-controller - 使用 reactjs 客户端时更新后端服务器的常用方法是什么?

使用 reactjs 构建的前端客户端似乎可以修改数据,但为了使这种修改持续存在,需要将修改存储在后端。但是,与传统的客户端-服务器应用程序不同,在客户端上呈现的数据并非始终来自后端。

例如,使用经典的 To-Do 应用示例,给定初始状态

(伪代码)

当用户添加新任务时,客户端会更新任务列表

但是,新添加的任务“任务 2”不一定存在于后端。将这些信息推送回后端以确保性能(客户端不必等待往返更新)和一致性(如果后端更新失败,需要让用户知道)的公认方法是什么并且可以采取某种行动)?