2017-10-17 45 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

可以编辑您的问题并显示一个示例? –