问题标签 [reagent]

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 回答
291 浏览

clojure - 试剂表格多选不适用于列表

我正在关注来自http://yogthos.github.io/reagent-forms-example.html的示例代码,并尝试对列表使用多选选项。

有谁知道为什么我无法多选?中的逻辑select-item会改变,但我似乎在 UI 中看不到多选

我一直在胡闹bind-fieldsproduct component没有成功。

0 投票
1 回答
668 浏览

clojurescript - 如何使用 Re-frame 订阅和处理程序将更改推送到 Reagent 组件?

考虑以下假设的、简化的 clojurescript 片段:

content 函数准备一个 Reagent 组件。代码片段按预期工作。(“选择”函数是 Spectre 库的一部分。)

我想添加最小的重新框架代码,以便当 cat atom 更改时,例如使用 REPL 中的函数,浏览器中的 React.js 组件会更改。我知道关于重新构建订阅和处理程序的理论,但只是在理论上,因为我无法让它在这样一个最小的例子中工作。它是如何完成的?如何使用 Re-frame 订阅和处理程序将更改推送到 Reagent 组件?

0 投票
1 回答
360 浏览

clojurescript - 使用 Reagent 时如何编写具有大量 (> 1000) 类似组件的 UI?

假设我想制作一个由可编辑单元格组成的网格类型的 UI。在 OO 语言中,我会为单元格创建一个类,实例化所有单元格并将它们放在正确的位置,并使用它们的 x,y 属性。稍后我可能会将单元格拖放到各种容器中。

如果我将 Clojurescript 之类的函数式语言与 Re-frame、Reagent、React.js 框架堆栈一起使用,我将如何(概括地说)处理这样的设计?

对于我使用的标题问题:使用 Reagent 时如何编写具有大量(> 1000)类似组件的 UI?

0 投票
3 回答
2267 浏览

clojure - Reagent's Hiccup 中花园生成的内联样式

在试剂中,可以像这样指定内联 CSS 样式:

Garden 可以使包含列表中多个值的此类 CSS 属性更通用。逗号分隔列表的向量和空格分隔列表的嵌套向量(在此处使用):

这些东西怎么可能结合在一起?Reagent 似乎固执地只接受样式属性的哈希映射。接受一个字符串也是一个解决方案。

一般来说,从长远来看,内联样式并不是一个好的选择。因此,可以通过将一个类附加到 thediv并通过 gardenscss函数全局指定其样式来解决这个问题。

类示例:

但是,有时最好从内联样式开始,所以:有没有办法按照上面描述的方式来做?

0 投票
3 回答
3094 浏览

clojure - 如何在重新框架中遍历订阅的集合并将数据显示为列表项?

考虑以下 clojurescript 代码,其中使用了 spectre、reagent 和 re-frame 框架,外部 React.js 网格组件用作视图组件。

在 db.cls 中:

在 subs.cls

选择结果:

在views.cls

上面的代码按预期工作。

我不想使用 react.js 组件显示数据,而是想遍历 :cats 向量中的每个映射并在 html ul / li 中显示 :text 项。

我开始如下:

预期输出:

如何在重新框架中遍历订阅的集合并将数据显示为列表项?(=标题问题)。

0 投票
1 回答
148 浏览

clojure - 为什么在 re-frame todomvc 应用程序中使用这个 def?

请参阅 re-frame todomvc视图命名空间:

该文件包含以下定义

这是从 todo-item 函数调用的。

我知道'component-did-mount'是react.js组件生命周期中的一个阶段,但我不明白这个def的目的和含义。为什么有必要?

请解释。

0 投票
1 回答
96 浏览

clojure - re-frame todomvc app todo-item 函数中的 % 字符是什么意思?

re-frame todomvc 视图命名空间包含一个函数 todo-item,其中包含以下代码段:

:on-save 键被传递给并在包含以下代码段的 todo-input 函数中使用:

第一个片段中 % 字符的含义是什么:

以及我应该如何在第二个片段中解释:

?

在此处找到todomvc 视图命名空间。

0 投票
1 回答
556 浏览

clojurescript - 将不同的 React 版本与 clojurescript 反应库 (reagent,om,rum,quiescent) 一起使用

如何将不同的 React 版本与 Reagent、Om、Rum、Quiescent 或 Brutha 一起使用?

0 投票
2 回答
342 浏览

clojure - 使用试剂和重新框架时如何在粗略类型的应用程序中实现撤消和重做?

尽管在 re-frame 主页上显示“保存和撤消变得非常容易。”,re-frame 示例应用程序“todomvc”没有实现撤消/重做功能的代码。

当使用像 Java 这样的 OO 语言时,通常的做法是通过使用命令接口执行操作来实现撤消/重做,将这些操作与其“逆”一起存储,并从存储的命令对象的集合中(重新)执行这些操作。

虽然我已经阅读了常见 OO 设计模式的 Clojure 等效页面,包括此处的命令。在某些示例或应用程序中查看使用试剂实现撤消/重做,重新构建框架会很有帮助。

Q.在crud类型的应用程序中使用reagent和re-frame时如何实现undo和redo?

0 投票
1 回答
478 浏览

reactjs - 如何将 clojurescript 集成到现有的 javascript 代码库?

我正在使用试剂在 clojurescript 中编写插件功能。我想在现有的反应通量应用程序中使用它。

我应该如何连接两者?