javascript - 当用户在输入字段中输入 "ENTER"时停止页面重新加载 - ClojureScript

Question

我正在学习使用 Clojurescript 和 Shadow-cljs 进行 Web 开发，到目前为止，效果非常棒。我创建了一个really bad reddit viewing webapp但发现当用户第一次导航到该网站并单击搜索字段，然后单击“ENTER”时，它将重新加载页面。我已经向 onSubmit 事件添加了 (.preventDefault e) 订阅，但它仍然会重新加载，除非用户更改图表并返回(将 # 添加到网址)。

这是生成输入字段的试剂代码:

[:input.form-control.mr-sm-2
  {:type "text"
   :placeholder "Aww"
   :aria-label "Search"
   :on-change #(rf/dispatch [:set-search-val  (-> % .-target .-value)])
   :onSubmit (fn [e] (do (.preventDefault e)
                         (identity false)))}]

2 个问题:

1. 我做错了什么？我希望 subreddit 在输入时刷新，但如果我能让它停止重新加载，我会很高兴

2. 为什么网址中包含 # 可以解决问题？

Here is the source code for anyone interested

Answer 1

您需要拼写属性:on-submit(小写，虚线)，(编辑)，并且它需要位于表单上，而不是输入中。

旁白:除了在事件上调用 .preventDefault 之外，您不需要使用 do 来包装函数主体，也不需要返回 false是多余的。