Вот этот код HTML5 со скриптом JavaScript.
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Widget</title>
</head>
<body>
<script src="https://stat.ripe.net/widgets/widget_api.js"></script>
<div class="statwdgtauto">
<script>
ripestat.init("rir-geo",{"resource":"193.248.0.0/14"},null,{"size":"500","disable":["controls"]})
</script>
</div>
</body>
</html>
репозиторий github
Моя проблема в этом js скрипте, как заставить его работать в моем коде jsx. вот репозиторий git приложения, его можно клонировать напрямую. Заранее спасибо.
Вот компонент, который я создал и использовал библиотеку React-Safe, но он все еще не работает.
import React, { Component } from 'react';
import Safe from "react-safe";
import * as widget from './widgets_api'
export default class EmbededComponenet extends Component {
constructor(props){
super();
//const widget_api = document.createElement("script");
//widget_api.src = "https://stat.ripe.net/widgets/widget_api.js";
//widget_api.async = true;
//document.body.appendChild(widget_api);
}
render() {
const params1 = {"family":4,"warnings":1,"delegated":1,"resource":"FR"};
const params2 ={"resource":"127.0.0.1/24"};
const control = {"size":"500","disable":["controls"]};
return (
<div>
<h4>Include Embed Here!!!</h4>
<div className="statwdgtauto">
<Safe.script>
{`ripestat.init("rpki-by-country",${params1},null,${control})`}
</Safe.script>
<Safe.script>
{`ripestat.init("rir-geo",${params2},null,${control})`}
</Safe.script>
</div>
</div>
)
}
}