Загрузите внешний скрипт, в котором есть document.write, используя ReactJS - PullRequest
Новая
       13

Загрузите внешний скрипт, в котором есть document.write, используя ReactJS

0 голосов
/ 27 мая 2018

Я пытаюсь загрузить виджет cricruns, используя следующий скрипт с document.write, который будет загружать виджет в конкретный контейнер, который я дал.Как я могу достичь этого внутри render() в ReactJS?

<script src="//www.cricruns.com/system/application/views/widgetBase/wid_300_200_1.js" type="text/javascript"></script>

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

Заранее спасибо.

1 Ответ

0 голосов
/ 27 мая 2018

*** Обновление: хорошо, я немного поиграл с этим.Это работает, если вы просто обойдете document.write и добавите iframe напрямую, используя опасно SetInnerHTML.Я добавил рабочий код и поле ниже и пример кода.

Надеюсь, это поможет!

https://codesandbox.io/s/z6k1w94z8m

import React from "react";
import { render } from "react-dom";

const App = () => {
  return <div dangerouslySetInnerHTML={{__html: `
  <iframe src="https://www.cricruns.com/widgetbase/wid_300_200_1"; width=250&amp;colorscheme=light&amp;show_faces=true&amp;stream=false&amp;header=true&amp;height=320 " scrolling="yes" frameborder="0" style="border:none; overflow:hidden; width:310px; height:250px;" allowTransparency="true"></iframe>
  `}} />;
};

render(<App />, document.getElementById("root"));
...