2017-10-17 73 views
0

我是React的新手,我使用Nifty模板,這是一些htmls,css和javascripts。我的主要問題是nifty.js有一些綁定函數,例如,它綁定onClick事件來製作一些動畫。模板和React如何工作?

我在我的index.html中導入nifty.js。但就我所瞭解的React而言,html是動態添加的,所以當nifty.js運行時,html還不存在。這是一個問題,因爲它不會將事件綁定到html。

我的問題是,React和普通模板是如何工作的。有沒有一種方法(除了在onComponentDidUpdate上添加一個調用)來運行模板的腳本?

我是否必須找到更兼容的模板?模板是專門爲反應而構建的嗎?

回答

1

我會推薦使用一個UI庫(在這種情況下是React)兼容的CSS框架。我的建議是http://www.material-ui.com

除此之外,你會浪費更多的時間而不是必要的,讓它與一些不兼容的庫一起工作。

祝你好運。

0

你可以試試這個:因爲在HTML做出反應動態添加,

<html> 
    <head>...</head> 
    <body> 
    <div id="#reactAppId"></div> 
    <script src="nifty.js"></script> 
    </body> 
</html> 
+0

所以當頁面呈現的nifty.js腳本已經運行,因此結合都沒有做,因爲HTML沒有按」 t存在。或者我的事實錯誤? –

+0

可以編輯您的問題並顯示一個示例? –