5

第一次尝试做出反应，我想做一个简单的待办事项列表应用程序。但是每次我按回车触发onSubmit它都会说Uncaught Error: Cannot manipulate cursor outside of render phase, only om.core/transact!, om.core/update!, and cljs.core/deref operations allowed。虽然我认为这是一个非常好的错误消息，但我不知道该怎么做。

(ns app.core
  (:require [om.core :as om :include-macros true]
            [sablono.core :as html :refer-macros [html]]))

(def app-state (atom
                {:todos [{:todo "first"}
                         {:todo "second"}]
                 :current ""}))

(defn to-do
  [data]
  (om/component
   (html [:li (:todo data)])))

(defn to-dos
  [data]
  (om/component
   (html [:div
          [:form {:on-submit (fn [e]
                               (.preventDefault e)
                               (om/transact! data :todos (fn [v]
                                                           (js/console.log (:current data))
                                                           (conj v (:current data)))))}
           [:input {:type "text" 
                    :placeholder "Enter some text."
                    :on-change (fn [e] (om/update! data :current (.. e -target -value)))}]]
          [:ul 
          (om/build-all to-do (:todos data))]])))

(om/root to-dos app-state {:target js/document.body})
4

2 回答 2

4

我认为问题在于您data在 om/transact 内部访问的位置！您应该在哪里操作v：

(:current v)代替(:current data)

或者您可以尝试(:current @data)获取最新的数据值

于 2014-07-03T12:57:26.190 回答
1

其实有两个问题：

(om/transact! data :todos (fn [v]
  (js/console.log (:current data))
  (conj v (:current data)))))

一个是上面@edbond 所说的：你应该使用(:current v)而不是(:current data). 然而，另一个问题是您正在指定:todos关键字，相反，您应该简单地更改data自身，因为在您显示的应用程序状态:current之外。:todos所以正确的表述是：

(om/transact! data (fn [v]
  (js/console.log (:current v))
  (conj v (:current v)))))
于 2015-04-19T03:45:24.553 回答