问题标签 [reagent-forms]

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 投票
2 回答
1032 浏览

clojure - 试剂形式是否意味着与重新框架一起使用?

我正在构建一个带有 re-frame 的应用程序,我想知道 reagent-form 是否意味着要与 re-frame 一起使用,因为 reagent-form 会带来与 re-frame 不同的处理状态的自己的方式.

0 投票
2 回答
1652 浏览

clojurescript - 为什么试剂不会在状态更改时重新呈现我的试剂表格

我需要创建一个包含选择字段的表单,其中选项取决于当前可用的邮件帐户。页面加载后,我在 API 请求中检索这些邮件帐户。

以下函数使用 select 元素创建表单。

pprint给了我以下输出:

我的问题是我页面上的选择保持为空,就好像选择没有重新呈现一样。

附录

我想我忘了添加一些代码:我将此表单包装在一个 KIOO 组件中,我在其中取消引用我的state原子。

然后该组件调用我的render-mail-account-select函数,并应正确重新呈现表单。

0 投票
2 回答
293 浏览

clojurescript - 试剂表单绑定字段忽略“:字段”,缺少依赖项或使用不正确?

我无法reagent-forms绑定到原子。我在同一文件的其他地方有数据绑定在试剂中工作。我可以按预期设置和显示有问题的原子。

我有

  • form-doc返回一个[:div]带有我想要绑定的输入的向量
  • form-test创建一个原子并调用bind-forms
  • secretary定义的路线/#/test

似乎返回值中的:fieldform-doc被忽略或未被解析bind-fields.

在下面的测试示例中,从不显示日期选择器,并且输入看起来没有什么不同[:input ]

我使用reagent-forms不正确吗?缺少 js 依赖项?


浏览器呈现的 HTMLlocalhost.localdomain:3000/#/test

core.cljs

在环/复合处理程序中我有

据我所知,所有必要的 js 和 css 都由浏览器加载

project.clj:dependencies

0 投票
0 回答
291 浏览

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

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

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

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

0 投票
1 回答
355 浏览

clojurescript - Antizer表单提交数据处理

我想通过 antizer 在试剂中使用 ant design 组件,但我不知道如何在提交后从表单中提取字段值。我在文档中找不到任何内容。

比我更专业的人解决了这个问题?

0 投票
2 回答
363 浏览

clojurescript - 单击时将跨度变成可编辑字段的试剂

创建一个 figwheel/cljs/clj 应用程序,当用户点击一个按钮时在前端工作

我一直在阅读有关焦点切换和试剂/dom-node 的信息,但鉴于我在网页上显示了 innerHTML aka“真实值”,我将如何设置 on-click="" 以将光标移动到内部html(跨度)之外的组件并使其可编辑并且光标开始闪烁。

多谢你们

不确定你们是否想要一个代码片段,但有一个小部件,它几乎说明了以下内容:

再次感谢伙计们

0 投票
1 回答
254 浏览

reactjs - 简单的原子重置和验证检查未按预期工作

我正在制作一个 React/ClojureScript 应用程序,输入一个最小值和一个最大值,然后是一个输入,如果它在 min-max 范围内,将检查它。然后,如果它在范围内,它将启用一个有效按钮,如果不禁用它。它适用于最小和最大范围的原子的初始值,但是当我通过网页上的输入更改它们时,它们会像疯了一样出错,我不知道为什么,因为无论我在哪里查看最小值和最大值,它似乎我的范围内和有效按钮应该可以工作。

因此,如果我 render min-get,我应该最终得到 3 个输入和一些当我更改时,然后Valid按钮应该在传递的值之间切换并取决于传递的值。max-getcheck-memin-getmax-getrange-validationdisabledenabled

编辑1:

当我通过输入更改最小范围和最大范围值时,有效按钮无法按预期工作,例如在初始启动时,值为 0min 100 max。因此,从 0 到 100 的所有数字都保持有效按钮处于活动状态,但在 -1 和 101 时它们被禁用。但是,如果我将最大范围更改为 75,它就会出错,并且随机数似乎使按钮有效和无效。

0 投票
2 回答
301 浏览

clojurescript - Can i use (if) as a form-2 reagent render-function

I use an (if) condition as form-2 render-function in this way:

instead of this way:

Is a problem if i use an (if) statement instead of an (fn) function? And what happens when the statement gone false? The render function returns with nil?

0 投票
2 回答
140 浏览

clojurescript - 正在使用哪些试剂 Form 2 组件函数参数?

哪种形式更好?

还是这个?

我是用手机写的,所以请原谅我的缩进...

0 投票
0 回答
51 浏览

user-input - 使用试剂形式的反应性添加/删除输入

我想使用试剂形式绑定到输入的原子中有一些数据结构。棘手的是,我不仅想将输入的内容绑定到所述原子,还想将输入本身绑定;即我想通过操作原子反应性地删除和添加输入字段。这是我所拥有的简化示例:

只要对输入字段的更改由原子反映,这就是有效的。一旦我评估以下内容,缺点就会变得明显:

虽然这确实改变了原子,但没有在 DOM 中创建额外的字段。这似乎是我遵循试剂形式文档的原因:

模板被热切地评估,你应该总是像上面的例子那样调用辅助函数,而不是把它们放在一个向量中。当调用绑定字段来编译模板时,这些将被试剂组件替换。

就我对试剂的理解而言,这意味着 in 中的原子在inputfields被调用时被取消引用bind-fields。然而,返回的组件不再包含原子的任何引用,因此不会在原子更改时重新渲染。

有没有办法使用试剂表格来获得表格绑定以及我正在寻找的输入的反应性创建和删除?

提前谢谢了

奥利弗