如何通过添加html/javascript来从API获取数据？

我正在为React中的网站编写代码，我需要从API获取数据，但API是html/javascript的，我以前从未使用过这样的东西

如果这段代码以html格式保存并运行，它将在控制台中以JSON对象生成数据，如何在react中的变量中获取数据，以便在网站上显示

我的情况：

<script src="companyAPI_LINK.js"></script>

<div id="container"></div>

<script>
    Xclient.render({
            clientId: "xxxxx",
            product: "xxxx",
            assetmode: "xxxxxx",
            asset: "xxx",
            limit: 10,

            getData: function (data) {
                console.log("data returned:", data);
            },

            added: function (message) {
                //for every data that we get, this function is called, use this to get the data and show 
                //in the right cases
                console.log("added", message["fields"]["title"]);
            },
            changed: function (message) {
                console.log("changed", message);
            },
            removed: function (message) {
                console.log("removed", message);
            },
        },"#container"
    );
</script>

Xclient.render({
客户ID:“xxxxx”，
产品名称：“xxxx”，
资产模式：“xxxxxx”，
资产：“xxx”，
限额：10，
getData:函数（数据）{
log（“返回的数据：”，数据）；
},
新增：功能（消息）{
//对于我们获得的每个数据，调用此函数，使用此函数获取数据并显示
//在正确的情况下
日志（“添加”，消息[“字段”][“标题”]）；
},
更改：功能（消息）{
console.log（“已更改”，消息）；
},
删除：功能（消息）{
控制台日志（“已删除”，消息）；
},
}，“#容器”
);