如何从React组件中检索JSONP对象?

时间:2018-08-05 16:31:10

标签: javascript reactjs jsonp

我正在尝试制作一个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组件内部创建全局函数?否则,我可以尝试使用另一种方法解决此问题吗?

0 个答案:

没有答案