1

我正在尝试在 Reagent 应用程序中使用 ReactBootstrap 的模态组件，但在尝试显示模态时出现“无法读取未定义的属性 'findDOMNode'”错误。

我在我的项目中有 [cljsjs/react-bootstrap "0.28.1-1"] 作为依赖项。

这是我用来测试的来源：

(ns react-bootstrap-test.core
  (:require
    [reagent.core :as r]
    cljsjs.react-bootstrap))

(def rbutton (r/adapt-react-class js/ReactBootstrap.Button))
(def rmodal (r/adapt-react-class js/ReactBootstrap.Modal))
(def modal-header (r/adapt-react-class js/ReactBootstrap.Modal.Header))
(def modal-title (r/adapt-react-class js/ReactBootstrap.Modal.Title))
(def modal-body (r/adapt-react-class js/ReactBootstrap.Modal.Body))

(defonce show-modal (r/atom false))

(defn modal-test []
  [:div
   [rbutton {:bsStyle "primary"
             :bsSize "large"
             :active true
             :on-click (fn [e]
                         (reset! show-modal true)
                         (.stopPropagation e))}
    "Show Modal"]

   [:div.rmodal
    [rmodal {:show @show-modal}
     [modal-header
      [modal-title "Title"]]
     [modal-body
      [:h3 "Body"]]]]])

(r/render-component [modal-test]
                    (. js/document (getElementById "app")))
4

0 回答 0