clojurescript - 如何使用Om或Reagent(和Bootstrap)进行模式对话框

Question

我想知道应该如何使用Om或Reagent实现模式对话框的显示和隐藏。由于我的UI是该状态下的函数，因此显示/隐藏应该由处于此状态下的属性触发。

但是像Bootstrap这样的框架需要调用一些JavaScript来显示/隐藏对话框。

这个问题有什么通用的解决方案吗？

Answer 1

不要使用javascript或jquery效果来显示/隐藏Om或Reagent中的对话框。相反，使一个原子的值确定是否应将模态对话框显示为。这是Reagent的一个示例:

[(fn [shown]
       (if shown
        [:div.jumbotron.modal-background 
          {:on-click #(reset! popup-shown false)} 
          [:div.alert.alert-info
            [:div "Hello!"]]]
        [:div]))
   @popup-shown]