我正在使用ReactJS,在Bootstrap的旋转木马设计中,我发现了这一行:
<div class="tns-carousel-inner" data-carousel-options="{"mode": "gallery", "responsive": {"0":{"nav":true, "controls": false},"992":{"nav":false, "controls": true}}}">
我正在传递";数据转盘选项";因为它在上面的行中,但它不起作用。然而,它在纯HTML中运行良好。我不确定如何在ReactJS中使用这一行。
问题似乎不是传递数据。数据可以以与问题中完全相同的方式传递。问题是,负责处理所提供数据的javascript文件需要单独加载到每个页面中。当我使用React应用程序时,我将所有外部javascript文件(例如:bootstrap、自定义主题js等(放在"中的index.html文件中;脚本";标签但事实证明,并不是所有的javascript文件都能以这种方式正常工作。有时,每次更改路由时都需要加载一些javascript文件。因此,我不得不在componentDidMount((中包含javascript文件,现在它工作得很好。
以下是我提出的关于如何在ReactJs中包含外部javascript文件的另一个问题的链接:如何使外部javascript文件在ReactJs中工作?