4

我可能做错了什么，但我相信om-next 教程之一有一些问题；特别是自动完成示例。我能够找出其中一个问题，但还有另一个问题给我带来了一些问题。

一旦我在输入框中输入了两个以上的字母以进行自动完成，以下代码：

(defn send-to-chan [c]
  (fn [{:keys [search]} cb]
    (when search
      (let [{[search] :children} (om/query->ast search)
            query (get-in search [:params :query])]
        (put! c [query cb])))))

产生以下错误：

Uncaught TypeError: Cannot read property 'call' of undefined
core.js?zx=3jufl8vymlgw [452]   om_tutorial.core.send_to_chan
next.js [3034]  om.next.Reconciler.om$next$protocols$IReconciler$send_BANG_$arity$1
protocols.js [303]  om$next$protocols$send_BANG_
next.js [1656]  anonymous

我不确定为什么会这样。

任何帮助将不胜感激。

4

3 回答 3

1

不确定这是否是正确的做事方式，但这是我为解决此问题所做的。

  1. 从 github 结帐 om。( https://github.com/omcljs/om )
  2. 光盘
  3. 安装

现在最新的 om 在您的系统上可用。（你不能只把它放在你的项目文件中，因为它还没有在https://clojars.org/repo/上）。

  1. 现在这就是我认为困惑发生在我身上的地方。在教程的前面，在自动更正示例之前；有一个项目文件是用[org.omcljs/om "1.0.0-alpha23"]. 然后当自动更正示例出现时，我使用了相同的项目配置，因为没有提到如何再次配置项目文件。事实证明，您必须使用 [org.omcljs/om "1.0.0-alpha29"].

一旦发生这种情况，尽管我收到以下警告，但一切正常。

Warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of `om_tutorial$core$AutoCompleter`. See https://fb.me/react-warning-keys for more information.

那将是另一天的战斗。

顺便提一句。由于我原来使用的是老版本的om，所以安装新的并没有解决问题。 lein clean也没有解决问题。我不得不手动删除我的om-tutorial/resources/public/js文件夹。然后运行lein run -m clojure.main script/figwheel.clj。

于 2016-01-07T07:01:30.057 回答
0

每个需要“key”道具的子数组的错误与 React 的关系比与 Om 的关系更大。React 要求每个子组件都有一个唯一的 id。

如果您遍历工厂方法，它不会自动为每个子组件生成新的 id。您必须指定一个关键功能：

(def app-state 
  (atom {:items [{:id 1
                  :title "Foo"}
                 {:id 2
                  :title "Foo"}]}

(defui Item
 static om/IQuery
 (query [this] [:id :title])
 Object
 (render [this]
   (dom/li nil (:title (om/props this))))

;; Specify key function as follows
(def item (om/factory Item {:keyfn :id})

(defui List
 static om/IQuery
 (query [this] [{:items (om/get-query Item)}])
 Object 
 (render [this]
   (dom/ul nil (map item (:items (om/props this)))))

key 函数不必返回一个数字，但它必须为每个被迭代的项目返回某种唯一标识的信息（在这种情况下，标题不是）。

顺便说一句，您还可以使用map-indexed生成一个数字来输入密钥函数，或者使用随机数生成器。

于 2016-01-21T04:53:53.380 回答
0

我认为问题是 om.next/query->ast 未在 1.0.0-alpha23 中定义——这是未定义错误调用的来源。

这是一个hacky解决方法：

    (defn send-to-chan [c]
      (fn [{:keys [search] :as x} cb]
        (when search ;; e.g. [(:search/results {:query "xxx"})]
          (let [query (-> search first second :query)]
            (put! c [query cb])))))
于 2016-02-12T18:41:25.440 回答