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 {} reader 文字来指定 JS 对象而不是普通的旧地图：

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

Om Tutorial.

对此进行了详细说明

ClojureScript/Om：渲染 HTML 缺少属性

ClojureScript/Om: Rendered HTML is missing attributes

clojure

clojurescript

om