javascript - 无法使用 React 呈现嵌入代码代码
问题描述
我正在使用 React 从 API 呈现 html、javascript 代码。api响应如下:
`<div class="infogram-embed" data-id="bc973e33-5e3e-4bf3-b587-9a6f16caf158" data-type="interactive" data-title="Konsumtionslån från Norden ökar">
<script>!function(e,t,s,i){var n="InfogramEmbeds",o=e.getElementsByTagName("script")[0],d=/^http:/.test(e.location)?"http:":"https:";if(/^/{2}/.test(i)&&(i=d+i),window[n]&&window[n].initialized)window[n].process&&window[n].process();else if(!e.getElementById(s)){var r=e.createElement("script");r.async=1,r.id=s,r.src=i,o.parentNode.insertBefore(r,o)}}(document,0,"infogram-async","https://e.infogram.com/js/dist/embed-loader-min.js");</script><div style="padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px">
<a href="https://infogram.com/bc973e33-5e3e-4bf3-b587-9a6f16caf158" style="color:#989898!important;text-decoration:none!important;" target="_blank">Konsumtionslån från Norden ökar</a><br><a href="https://infogram.com" style="color:#989898!important;text-decoration:none!important;" target="_blank" rel="nofollow">Infogram</a></div>
并使用htmlToReactParser.parse(block.html)
这个库来解析上面的html内容进行反应require('html-to-react').Parser
api给出的html代码的服务来自Infogram嵌入代码。
假设显示该嵌入代码中的一些图表,在我的情况下没有显示!
解决方案
推荐阅读
- python - 无法使用烧瓶从 openvidu-server 获取令牌,出现 SSLError
- java - Activity 生命周期中的 onResume() 和 onPostResume() 有什么区别?
- python - 需要运行一个每天自动抓取一次数据的程序
- python-3.x - 从python中现有的分类列创建一个新列
- python - tf.train.Int64LIst 如何保存 dtype unint64?
- c++ - (c ++ win32)尽管正在运行,但窗口未显示
- python - 结果是使用 pd.concat 和 .copy() 获取副本(不是参考)的正确方法是什么?
- python - 有没有办法在 python 中停止或取消 urlretrieve?
- swift - 托管对象上下文是“非分代的”是什么意思?
- java - 在java中调用存储过程