时间戳

首页 > 解决方案 > 如何在 ReactJS 中传递这些数据？

html - 如何在 ReactJS 中传递这些数据？

问题描述

我正在使用 ReactJS，在 Bootstrap 的轮播设计中，我发现了这一行：

    <div class="tns-carousel-inner" data-carousel-options="{&quot;mode&quot;: &quot;gallery&quot;, &quot;responsive&quot;: {&quot;0&quot;:{&quot;nav&quot;:true, &quot;controls&quot;: false},&quot;992&quot;:{&quot;nav&quot;:false, &quot;controls&quot;: true}}}">

我正在传递“data-carousel-options”的值，因为它在上面的行中，但它不起作用。但是，它在纯 HTML 中运行良好。我不确定如何在 ReactJS 中使用这一行。

标签： htmlreactjsbootstrap-4carouselreact-bootstrap

解决方案

看起来问题不在于传递数据。数据可以以与问题中完全相同的方式传递。问题是，负责对提供的数据采取行动的 javascript 文件需要单独加载到每个页面中。当我使用 React 应用程序时，我将所有外部 javascript 文件（例如：引导程序、自定义主题 js 等）放在 index.html 文件中的“脚本”标签内。但事实证明，并非所有 javascript 文件都以这种方式正常工作。有时，每次更改路由时都需要加载一些 javascript 文件。所以，我必须在 componentDidMount() 中包含 javascript 文件，现在它可以正常工作了。

这是我询问的关于如何在 ReactJs 中包含外部 javascript 文件的另一个问题的链接： 如何使外部 javascript 文件在 ReactJs 中工作？

推荐阅读