在不同域上托管的不同React应用程序之间的通信

时间:2017-03-30 17:13:30

标签: javascript node.js reactjs

我在不同的域中托管了两个不同的React应用程序。为了更好的解释,我会说React App A和React App B. React App B返回一个静态html,需要嵌入React App A的div中。现在的挑战是生成静态html React App B需要一些参数和这些参数需要从React App A提供。我试图使用窗口sessionStorage用于相同的目的,但是我无法获得存储值来响应App B.

React App A中的代码:

window.sessionStorage.setItem('reqData', data);

// data是要传递的参数

React App B中的代码:

window.addEventListener('storage', function(e){
    if (e.storageArea===sessionStorage) {
        App.init(window.sessionStorage.getItem('reqData'));
    }
});

请提供相同的建议。或者,如果您可以建议一个更有用的方法。我确实有一些限制,例如我不能使用Jquery等。这需要使用React和Javascript本身来完成。我们也可以使用支持这两者的任何npm包。

0 个答案:

没有答案