问题标签 [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.
reactjs - Facebook 的 React - 数据更新方法
我想使用 React 可视化一些数据,该结构是一个简单的对象数组,所有必要的数据都在输入中给出。就我而言,它与以下示例非常相似:
http://facebook.github.io/react/blog/2013/11/05/thinking-in-react.html
但是,在我的情况下,输入数据可能会随时间变化(添加/删除某些对象),这会导致某些嵌套模块中的状态发生变化。我应该重新渲染新数据还是使用 Flux 方法并通过 Flux 的调度程序将事件发送到适当的模块?
javascript - 初始化数据的正确方法
使用 RefluxJS 初始化数据(异步)的正确方法是什么?是否有类似于 AngularJS 的解析,或者 Flux 实现与此无关(路由器应该处理此责任)?
javascript - 未正确触发 React 事件
我有一个 Reflux 商店,它在触发操作时似乎会导致错误:
当操作load
被调用并且onLoad
方法触发时,它在this.trigger
Chrome 的方法上失败,错误是Uncaught TypeError: Cannot read property 'apply' of undefined
调用堆栈最终将我带到了 Reflux 监听方法:
这是 callback.apply 中的回调,但看起来由于某种原因该回调未定义。
我显然做错了什么来触发如此严重的错误,但我不知道是什么。有人能告诉我我在商店做错了什么吗?
调用 store 的代码是这样调用它的:
reactjs - ReactJS 控制组件和不可变数据
我想知道如何实现 受控组件(例如输入框),如果应用程序的数据是基于不可变数据构建的,并且应用程序在 shouldComponentUpdate() 中使用“===”相等运算符进行快速重新渲染。
让我们假设深度嵌套的数据和层次结构深处的某个受控组件:
当使用本地组件状态(setState())作为正常实现时,react 不会看到更改,因为组件层次结构渲染过程可能会跳过分支,因为不可变数据没有更改。为了避免这种情况,所有本地组件状态都必须存在于应用程序状态中,并且受控组件上的每个事件(例如在输入框中键入)都必须导致更改不可变数据。
虽然这应该可行,但这是在使用不可变数据时实现受控组件的(唯一)方式吗???使用 Flux 完成这一切(触发一个动作,获取存储数据......)对于像输入输入框这样简单的事情来说可能会产生很多开销/往返。
output - 流体动力 TYPO3 FLUX Fluidcontent - 前端没有输出?
我已经使用流体驱动的 TYPO3进行了 TYPO3 安装 6.2.9 - 使用预配置分发“站点”的第一步很好。我的站点/页面模板已安装,并且我添加了所有 TypoScript 内容。
现在我想将 FLUIDCONTENT (FCE) 与 FLUX 一起使用。我添加了一个新的 Template-FileTeaserOne.html
并尝试使用 Distribution 中的 Layout Content.html
。
现在我可以在后端看到并写入我的输入字段,但我在前端没有输出?!我还需要什么?
我只看到内容元素标题。不是 FLEXform。我正在使用flux (7.1.2)
、fluidpages (3.1.2)
、fluidcontent (4.1.1)
和fluid_core (1.0.2)
的最新版本vhs (2.1.4)
。静态模板“fluidcontent_core”是通过预配置的分发包含的。
myext/Resources/Private/Templates/TeaserOne.html
myext/Resources/Private/Layouts/Content.html
typo3 - 我还可以使用 Fluid Powered TYPO3 滑动内容吗?
我尝试使用Fluid Powered TYPO3在我的 TYPO3 后端(v6.2)上滑动内容元素。所以我没有包含 CSS_Styled_content 。http://wiki.typo3.org/Content_Slide示例:
特别是我想将我的内容从colPos=0 'Slider'
下面的页面滑动。FLUID / FluidTYPO3 (FLUX) 可以做到这一点吗?
我这样尝试……但那是错误的。
typo3 - 错字链接的 FLUX 配置
如何在我的 FLUX Flexform 配置(后端)中使用错字链接字段
主要部分:
这是我使用 FLUID Powered TYPO3 的第一步,我不知道?谢谢你的帮助。我需要这个输入字段和“正常”输出的链接向导:<a href="mylink" class="xy" />
javascript - 何时创建新的 Flux Store
我想知道在使用 API 时在 Flux 中创建商店时的最佳实践或约定是什么
假设我们有一个“项目”列表,API 调用最终会填充_projects中名为ProjectStore的存储
然后,当用户选择一个项目时,您想要加载项目特定的数据。您会将其添加到与_activeProject相同的ProjectStore中,还是为其创建一个单独的 Store?
当您在该项目中加载待办事项时也是如此。将这些放在TodoStore中是有意义的,但是项目中的 Todos 中的特定 Todo 呢?
我希望以上是有道理的:)
reactjs - 如何从组件测试中测试 ReactJS Flux Action(在 Jest 中)?
我有一个组件,单击按钮即可调用通量操作:
现在,我希望测试基本上能够模拟按钮单击(我知道该怎么做)。
并在按钮上单击检查以查看是否使用给定字符串调用了“MessageActions.sendMessage”函数。
如何从我的测试中访问 MessageActions?
我正在测试的对象称为 ChatMessage,但 MessageActions 是在 React.CreateClass 代码之外定义的。
我在测试中尝试过一些事情,例如:
和
但是没有任何效果,因为它只是说 MessageActions 是未定义的。
ReactJS 文档有一个测试商店的(蹩脚的)示例,但没有关于如何测试组件中使用的操作。
请提供任何帮助