ReactBootstrap.Modal не отображается в приложении Reagent

Я пытаюсь использовать модальный компонент ReactBootstrap в приложении Reagent, но получаю ошибку "Cannot read свойство 'findDOMNode' of undefined" при попытке показать модальное окно.

У меня есть [cljsjs/ реагировать-бутстрап "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")))

0 ответов

Другие вопросы по тегам