问题标签 [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 投票
1 回答
351 浏览

json - 为什么 Reagent 会以三种方式呈现 JSON?

我正在尝试从 Clojurescript/Reagent 中的 API 调用呈现 JSON 数据。当我使用时,js/alert我看到了我期望的 json:["Sue" "Bob"]

这就是我引用库的方式(以防出现问题)。

但是当我将它记录到控制台时,我得到了一个看起来与 API 响应完全不同的长哈希。浏览器呈现“00000000000120”。

  • 为什么这些结果不同?(浏览器、警报窗口、控制台消息)
  • 如何让我在警报窗口中看到的内容呈现在页面上?
0 投票
1 回答
324 浏览

html - 将 HTML 模板(作为文件)与 Reagent 一起使用

我有一个项目,它的前端堆栈必须基于 ClojureScript 和 React(通过 Reagent,而不是 Om 或其他库)。

此外,我有大量来自设计师的 HTML 模板(如 .html 文件),他们对 Clojure、数据结构和 Hiccup 一无所知。

有没有办法拥有纯 HTML 文件(无需将其内容转换为 Hiccup/Reagent 结构)并仅在页面的某些部分使用 Reagent?

例如:

此模板中的所有部分都是静态的,除了section_9section_10

我可以将所有静态部分作为纯 .html 存储在某处(例如,/resources 中的某处),但将动态部分呈现为试剂/反应组件吗?

谢谢你。

0 投票
2 回答
3072 浏览

clojurescript - 在 Reagent 中使用 React 组件

我正在尝试在基于 Reagent 的应用程序中使用来自http://react-components.com的组件(例如react-youtube),但我的幼稚方法可能不是正确的方法。我尝试使用lein-npm模块安装 NPM 包,在 html 页面中包含脚本并通过reagent/adapt-react-class这个SO 问题中使用它们。但是除了这个样本我没有成功。

通常我会收到诸如“require/import/module is not defined”或“Youtube is undefined”之类的错误(通过(def yt-test [] (r/adapt-react-class js/Youtube))。我对需要做什么感到困惑。我阅读了一些关于 webpack/browserify 的内容,看到了 cljsjs 包 - 是那些必需的为了使它工作?

0 投票
3 回答
1782 浏览

clojurescript - 如何使用 Om 或 Reagent(和 Bootstrap)进行模态对话框

我想知道如何使用 Om 或 Reagent 实现模式对话框的显示和隐藏。由于我的 UI 是状态上的函数,因此显示/隐藏应该由该状态下的属性触发。

但是像 Bootstrap 这样的框架需要调用一些 JavaScript 来显示/隐藏对话框。

这个问题有什么通用的解决方案吗?

0 投票
2 回答
581 浏览

clojure - Compojure 应用默认不发送 CSRF

我正在使用试剂和组合物来制作玩具 web 应用程序,但我无法弄清楚为什么我的服务器没有发送 CSRF cookie。其他答案和几篇博客文章似乎暗示 compojure 的默认设置现在发送 CSRF 令牌,并且手动重新发送它实际上是一个错误。当我尝试点击 POST/art端点时,我得到了 403 Forbidden 响应。所有页面都没有获得带有 CSRF 令牌的 cookie,因此我无法通过 POST 请求发送它。有什么建议吗?

我在这里将代码本身扔到了 github 上,因为我仍然看不出有什么问题。

0 投票
1 回答
104 浏览

clojurescript - 如何使用试剂检测用户何时在输入字段中按下 Esc

我有一个输入字段

我需要检测用户在编辑该字段时何时按下 Esc 键。我怎么做?

0 投票
1 回答
90 浏览

clojurescript - 显示元素后执行功能

reagent使用luminusvia创建的应用中

:div.container一旦显示了一个元素(例如下面的片段),我该如何执行一个函数?

0 投票
1 回答
751 浏览

reactjs - 使用 reagent/reactify-component 创建用于 JSX 的 React 类

我正在尝试调整包含我希望能够从普通 React 程序中使用的组件的 Reagent(使用 re-frame)程序。本质上,我能够像这样使用 Reagent (re-frame) 组件:

然后,我希望仅在从文件调用时才进行此渲染js,有点像:

从我能拼凑的所有内容来看,它涉及使用reagent/reactify-component和/或reagent/create-class. 但目前还不是很清楚这些是如何组合在一起来制作 JS 开发人员可以使用的东西。

0 投票
0 回答
129 浏览

clojurescript - ReactBootstrap.Modal 未显示在 Reagent 应用程序中

我正在尝试在 Reagent 应用程序中使用 ReactBootstrap 的模态组件,但在尝试显示模态时出现“无法读取未定义的属性 'findDOMNode'”错误。

我在我的项目中有 [cljsjs/react-bootstrap "0.28.1-1"] 作为依赖项。

这是我用来测试的来源:

0 投票
2 回答
559 浏览

reactjs - 如何准备 React.js 组件以在 ClojureScript 中用作外部 Reagent 组件?

我想将此 React.js 组件用作 ClojureScript 应用程序中的外部 Reagent 组件:

https://github.com/felixrieseberg/React-Spreadsheet-Component

但是,该组件在存储库中不可用:

http://cljsjs.github.io/

如果目录中存在 React.js 组件,那么将其与 Reagent 一起使用将与以下示例一样简单。

我想知道如何处理 React 电子表格组件,以便我可以以类似的简单方式使用它。如何准备 React.js 组件以在 ClojureScript 中用作外部 Reagent 组件?请提供清晰的配方类型描述。

注意:这个问题How to use a ReactJS Component with Clojurescipt/Reagent看起来很相似,但没有回答我的问题。