问题标签 [refluxjs]

我正在使用 React 和 Reflux 构建一个应用程序，并且我正在尝试以特定顺序呈现项目列表。

这些项目是按时间倒序呈现的自定义 Post 组件，因此最新的帖子位于列表的顶部。

我正在使用可汗学院的TimeoutTransitionGroup让列表项淡入淡出。

我看到的问题是，当我添加新帖子并且组件通过新道具获取更新的列表时，转换发生在列表中的最后一个元素而不是第一个元素上。我想让它让第一个元素淡入，因为那是添加的新项目的位置。

帖子 2 <- 此帖子是新添加的

帖子 1 <- 此帖子淡入

有没有办法指定相同的项目顺序，但以相反的顺序呈现它们，或类似的东西？

这是我的组件的渲染功能：

这是 CSS 过渡：

任何帮助都感激不尽！

我的代码在从商店传递数据后无法呈现，我遇到了麻烦。

我能够 console.log() 来自商店的数据，但数据未显示在 DOM 中。

这是我的组件的样子

数据在传递后从存储中进入，我可以读取数据并能够渲染空 div，但带有文本的 div 根本没有被渲染。我的意图是获取传递的数据并将它们作为道具传递给另一个组件。

解决这个问题的任何帮助都会非常棒，因为在过去的几个小时里我一直被困在这个问题上。

我怀疑我还不能用谷歌搜索，但我有这个反应组件，我想使用 componentWillMount() 方法使用回流存储更新它的状态。

我能够更新商店中的状态，但是使用 this.trigger 从商店更新它的状态并没有给我更新的数据状态，这让我感到困惑。如何获取数据的更新状态。

这是我的组件目前的样子

还有我的店在这里

最近我一直在研究 React 和 Reflux。我被卡住的部分是我无法在 Reflux 的商店中使用 AJAX 获得初始状态。我尝试的只是调用 Store.js 中的ajax($.getJSON)ingetInitialState函数，使用 AJAX 响应（JSON）设置初始状态，并弄清楚状态是什么。我预计从 AJAX 调用获得的输出将是 JSON 数组列表，但实际输出将是undefined

那么如何在使用 Reflux 的商店中使用 AJAX 获取初始状态？

代码是这样的......

有没有办法console.log()在 Reflux 中全局化所有触发的动作？理想情况下同时打印他们的参数。

我正在熟悉 Flux 架构和 Reflux - 更简单的版本，没有调度程序 - 用于 ReactJS。

在完整的 Flux 中，听起来动作具有（或至少可以具有）明确且重要的目的：它们可用于更新外部服务（例如，通过 API 将数据保存回服务器），如本问题所述：通量存储或操作（或两者）是否应触及外部服务？

然而，在 Reflux 中，动作绝对只是愚蠢的消息解析器。所以我的问题是，它们的目的是什么？为什么要拥有它们？如果您的视图/组件直接在您的商店中调用方法，会发生什么坏事？

我即将将我的小应用程序从 Flux 转换为 Reflux，看起来我会将当前操作中的所有逻辑转移到商店中。在我看来，Reflux 中的操作除了充当组件和商店之间的无用中间人外，什么也没做。我错过了什么？

我正在使用 React.js 和 Reflux 构建一个应用程序，但我无法让一个组件来收听商店。

首先，我已经成功地将我的商店与一个事件关联起来，如下所示：

组件发送动作到存储：

行动：

接收动作的商店：

订阅/监听商店的组件

我能够将第一个组件（CalcRow）与其存储连接，并触发警报（'test1'），但我没有成功让 CalcApp 监听 todoListStore 并让它触发警报（'test2'）。

我已经阅读了官方的Reflux 文档，但我似乎遗漏了一些东西，因为 CalcApp 没有按预期收听 todoListStore。

有没有人知道如何让这个（CalcApp）听回流商店（todoListStore）？

问题的简短版本：

我可以从商店触发 UI 操作吗？

问题的长版本：

我正在编写带有回流的送餐应用程序。似乎我不太了解我的应用程序中的操作应该如何进行。

我有 BasketStore、StatusOverlay（组件）和操作：

该应用程序的工作方式如下：

我按下按钮并发送basketSync动作。一旦发生，就会开始显示覆盖BasketStore并将数据请求发送到服务器。

然后根据服务器响应我触发basketSync.completed, basketSync.failed, basketSync.invalid. 当它无效或完成时，我关闭覆盖，否则我显示另一个覆盖。

问题是我应该如何管理操作？我应该听basketSync里面的StatusOverlay来打开它并关闭它basketSync.completed，basketSync.invalid 或者最好听一下statusOverlayOpen，statusOverlayClose 然后在里面的某个地方触发这些动作BasketStore。

我试着习惯于回流并分叉了一个示例回购。我的完整代码在这里 [ https://github.com/svenhornberg/react-starterkit ]

我想创建一个计时器组件，它从时间存储中获取当前时间，但它不起作用。DevTools 没有显示任何错误。这一定是一些新手错误，但我没有发现它们。

Edit1 : 我在 home //edit1 中添加了一行

Edit2：我认为错误可能在 home.jsx 中的 componentDidMount

已修复我需要触发我的时间，请参阅我的答案。

店铺

导出默认时间存储；

行动

零件

我想在home.jsx中使用计时器组件

由于某些原因，我还不想使用 Babel/ES6。我一直在观看关于 react/reflux 的 egghead.io 视频，并在这里渲染了一个组件。它连接到 randomuser API 并将 10 个用户拉入商店，当商店更新时，它将用户数据呈现到页面上。使用视频中显示的 ES6 代码，它允许对标签进行很好的插值，因此，但在我的情况下，我只是使用 lodash 作为 _.map，其操作方式略有不同，我无法找到渲染标签插值甚至线条的方法中断，因为 React 将元素呈现为包含在其自己的 span 标签内的一个父标签的所有子标签。

呈现的代码如下所示：

我的代码在这里： var React = require('react'); var 回流 = 要求（'回流'）; var request = require('superagent'); var _ = 要求（'lodash'）；

任何建议或意见，将不胜感激！Egghead.io 视频也是一流的，我必须在应得的地方给予赞扬！