问题标签 [refluxjs]

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 投票
1 回答
221 浏览

javascript - 运行编译的 JSX 时出现 React Reflux 错误,但在使用转换器时没有

当我将我的 JSX 代码直接包含在脚本标记中时

我的反应程序加载并正常工作,但如果我将我的 JSX 编译为 javascript 文件并包含它

我收到以下错误

类型错误:可听未定义 http://localhost/js/reflux.js 第 669 行

我正在使用以下命令进行编译

使用 Reflux 时预编译 JSX 是否需要做一些特别的事情?

0 投票
0 回答
392 浏览

javascript - 在回流和不可变的 js ES6 webpack chrome 中使用范围

我在使用 webpack 和 chrome 的 ES6 中遇到使用范围问题

这是我的代码:

所以问题是,为什么事情是在上面的范围内定义的,而不是在 init 函数的范围内?谢谢您的帮助

babel 之后编译的代码就像“use strict”;

0 投票
0 回答
79 浏览

reactjs - 是否可以使用 Reflux 监听对象特定字段(stateKey)的变化?

对于我的商店,我有一些类似的东西:

我正在使用:

这很好用。但是,如果我想监听图形中特定索引(stateKey)而不是整个数组的变化怎么办?目前的结构有可能吗?如果没有,最好的方法是什么?

0 投票
1 回答
89 浏览

javascript - FluxJS 中常见组件的不同操作

在我的通量应用程序中,我有一个 DropDown React 组件,它使用一组键值对来呈现自己。

我想要两个不同的下拉菜单,一个是 Country Data,另一个是 City Data。

在 Flux 模式中,每个下拉列表都有一个Selection包含所选值的有效负载的操作,相应的存储将使用它来更新其状态。

如何指定哪个下拉Selection操作属于哪个商店?

我可以创建一个特定于每个需求的包装器组件,即CountryDropDownand CityDropDown,并让每个组件创建自己的特定操作CountrySelectedCitySelected但这是惯用的方法吗?如果是,我如何连接底层DropDown组件,以便它的onChange处理程序触发父级的操作?

0 投票
1 回答
768 浏览

reactjs - 如果没有延迟初始化,回流触发器将无法工作

我使用 Reflux,通常我在进行 ajax 调用后触发,并且效果很好。出于测试目的,我不需要 ajax 调用,并且我注意到除非我给出 5 毫秒的超时时间,否则触发器将不起作用。这是工作和不工作的例子。

不工作的例子:

这将起作用:

你能解释一下为什么它不能立即工作吗?应该这样做吗?这是一个错误还是我不明白的东西。

0 投票
1 回答
1662 浏览

javascript - Reflux:让多个组件访问同一个 Store

tl;dr:每次我向 GraphStore 添加新的 Graph 时,它的 UUID 都会发生变化。这让我假设每个 Graph 都在创建自己独特的 GraphStore。我希望他们都共享一个商店。

我有一个包含多个 Graph 组件的 React Dashboard 组件。

我的 Graph 组件从仪表板传递了一个 id 道具。使用该 ID,然后它会在存储在 GraphStore 中的图形数组中查找数据。但是,在我看来,每个 Graph 都在创建自己的 GraphStore,而不是全部共享相同的(所需的行为)。如何让它们都使用相同的 GraphStore?

我考虑过从仪表板传入正确的 GraphStore,但是我不可能让每个 Graph 监听来自 GraphStore 的更改。

我很高兴不使用 Reflux.connectFilter,但这似乎是完美的选择。

我的代码(至少是关键部分):

仪表板

图形

图形存储

0 投票
1 回答
715 浏览

reactjs - 如何在reactjs和回流中从其子组件设置容器组件的状态?

我有一个标题,它应该在其状态发生变化时更改其内部组件,例如当用户单击登录按钮时,用户配置文件导航会替换该按钮。

我的按钮是导航组件的一部分,我不知道如何从该导航组件更新其容器组件的状态。

这是我的商店目前的样子

这是我的标题组件

当我设置日期的初始状态时,渲染初始标题没有问题,但是我如何从 LoggedOut 组件内部定位它的状态,以便它设置存储内部的状态?

0 投票
3 回答
3140 浏览

reactjs - 恢复后退按钮上的滚动位置

我有一个路由处理程序,它从商店请求数据,然后映射该数据以呈现组件列表。我的问题是,当我导航到另一个页面然后返回时,滚动位置不会恢复,因为必须重新渲染组件。是否有延迟设置滚动位置直到列表呈现,或者在任何类型的导航上保留和恢​​复呈现组件的状态?

0 投票
1 回答
314 浏览

javascript - 客户端和服务器的 Reflux 替代方案(单独会话)

我一直在将RefluxJS用于 Web 应用程序,并且效果很好。问题出在服务器端(节点/快递)。它使用singeltons,我还没有找到任何方法来使用它而不在会话之间混合数据。当一个用户在存储中存储一些数据时,当另一个用户(不同的会话)稍后向后端发出请求时,该数据仍然存在。即使我在请求结束时删除了数据,在处理多个请求时也可能会出现混淆。

那么,是否有一个很好的替代 Reflux 在客户端和服务器上都运行良好的替代方案?我正在寻找 Reflux 中存在的简化,同时被解耦,而不是在整个应用程序周围和整个应用程序中构建通量结构(就像 Fluxible 所做的那样)。

有什么建议么?

0 投票
0 回答
2296 浏览

reactjs - willTransitionTo 中的 React-router 异步重定向

使用 React、React-Router(我使用的是 v0.12)和 Reflux,我无法在 willTransitionTo 中获得异步重定向(此代码位于登录组件中,但如果您已经登录,它应该把你送到“家”)。这是代码:

该 Login 组件不会呈现,但“home”组件也不会呈现(URL 也不会改变)。