微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在 ReactJS 中传递这些数据?

如何解决如何在 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 中使用这一行。

解决方法

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

这是我问的关于如何在 ReactJs 中包含外部 javascript 文件的另一个问题的链接: How to make external javascript file work in ReactJs?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。