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

Question

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