'key' 属性内部组件函数

Question

我有以下情况（试剂+react.js）：

(defn row [data]
   [:li {:key (:id data :class "myclass")} (:text data)])

(defn list [rows]
  (map #([row %]) rows))

在运行时，我可以看到 react.js 抱怨缺少 'key' 属性。有没有办法从组件函数中指定键。我希望 raw 成为一个单独的组件函数，因为它可能会变得非常大，具有自己的生命周期回调等。

Answer 1

您的代码几乎是正确的。应该是：

(defn row [data]
  [:li {:key (:id data) :class "myclass"} (:text data)])

结束括号应该在 data 之后，而不是 "myclass"。

并且您的映射可以重写为 (map row rows)，因为 row 已经是一个接受一个参数的函数。

'key' property inside component function