如何解决如何在 ReactJS 中传递这些数据?
我正在使用 ReactJS,在 Bootstrap 的轮播设计中,我发现了这一行:
<div class="tns-carousel-inner" data-carousel-options="{"mode": "gallery","responsive": {"0":{"nav":true,"controls": false},"992":{"nav":false,"controls": 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 举报,一经查实,本站将立刻删除。