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>

为什么div的ID不是#some-id？

Answer 1

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

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

Om Tutorial中详细说明了这一点。