为按钮赋予特定宽度的语法

Question

如何将按钮设置为特定宽度？这是我迄今为止尝试过的事情之一：

(:require [om.next :as om :refer-macros [defui]]
          [om.dom :as dom])

(defui HelloWorld
  Object
(render [this]
     (dom/button #js {:style {:width 300}} (get (om/props this) :title))))

设置按钮的标题效果很好，可能与这个问题无关。我把它留在里面是因为这是一件典型的事情，而且属性的放置可能很重要。

lein project.clj 文件具有以下依赖项：

[org.clojure/clojure "1.7.0"] 
[org.clojure/clojurescript "1.7.170"] 
[org.omcljs/om "1.0.0-alpha24"] 
[figwheel-sidecar "0.5.0-SNAPSHOT" :scope "test"]

Answer 1

我得到它来处理这个：

(defui HelloWorld
  Object
  (render [this]
     (dom/button (clj->js {:style {:width 300}}) (get (om/props this) :title))))

注意 clj->js.

的使用

Answer 2

我认为问题是因为#js 只在顶层工作。 #JS 将在顶级地图 {} 或向量 [] 上工作，但如果您将嵌套数据作为值，则需要为每个嵌入对象包含额外的 #js 调用。

你真正需要的是

(:require [om.next :as om :refer-macros [defui]]
          [om.dom :as dom])

(defui HelloWorld
  Object
(render [this]
     (dom/button #js {:style #js {:width 300}} (get (om/props this) :title))))

查看 this post 使用#js。为了可读性，而不是嵌套的 #js 调用，您通常最好使用 clj->js

为按钮赋予特定宽度的语法

Syntax for giving a button a particular width

clojurescript

om

figwheel