clojure - ClojureScript/Om：呈现的 HTML 缺少属性

Question

我有一个非常简单的 ClojureScript/Om 应用程序。好像有点破了。

这是核心文件：

(ns demo.core
  (:require-macros [cljs.core.async.macros :refer [go]])
  (:require [goog.events :as events]
            [cljs.core.async :as async :refer [>! <! put! chan]]
            [om.core :as om :include-macros true]
            [om.dom :as dom :include-macros true]
            [goog.events.EventType :as EventType]
            [clojure.string :as string]))

(defn layout
  [app owner]
  (reify
    om/IRender
    (render [_]
      (dom/div {:id "some-id"} "Pumpkin"))))

(defn main []
  (om/root
    layout
    {}
    {:target (. js/document (getElementById "app"))}))

它呈现这个 HTML：

<div id="app">
    <div data-reactid=".0">Pumpkin</div>
</div>

为什么没有divid #some-id？

Answer 1

您需要使用#js {}阅读器文字来指定 JS 对象而不是普通的旧地图：

(dom/div #js {:id "some-id"} "Pumpkin")

这在Om 教程中进行了详细说明。