我正在尝试制作一个React组件,该组件接收一个对象并根据该对象的内容呈现多个div,如下所示:
X({
"data": [
{"field1": "something", "field2": "something", ...}
...
]
)}
我应该从我无法控制的服务器上的JSONP请求中接收此类数据。我的方法如下:
getJSON() {
let data;
function X(json) {
data = JSON.parse(json);
}
let script = document.createElement("script");
script.src = "http://some.path.com/jsonp?callback=X";
document.head.appendChild(script);
return data;
}
问题是当我构建react应用程序时,控制台中出现“未定义功能X”的问题。在网络上研究时,我发现函数X必须在全局上下文中才能在脚本运行时找到。是否可以从react组件内部创建全局函数?否则,我可以尝试使用另一种方法解决此问题吗?