Невозможно отобразить код для вставки кода с помощью React - PullRequest
2 голосов
/ 06 марта 2019

Я использую React для рендеринга HTML, JavaScript-кода из API.Ответ 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

Служба, которую html-код предоставляет API, взята из кода встраивания Infogram.

Предполагается, что будут показаны некоторые графики из этого кода встраивания, которые не отображаются в моем случае!

...