在ReactJs ES5中为全局变量赋值

我是Reactjs新手，正在使用React和SocketIO开发一个简单的应用程序。我试图声明一个全局变量，并将

{data.name}

值赋给它（代码如下所示）

---

我真的很感谢你的帮助。谢谢。

您可以为此使用本地存储。

---

从技术上讲，您可以将其分配给全局窗口对象上的新属性，但在大多数情况下，这并不是最佳解决方案。如果你提供更多关于你想要完成的事情的细节，人们就更有可能帮助你找到更合适的解决方案：）我已经添加了关于这个问题的更多信息。谢谢，谢谢！工作得很有魅力！

socket.on('loginSuccess', function (data) {
if (data.type == 'teacher') {
    ReactDOM.render(
        <div><TeacherLayout userName={data.name}/></div>,
        document.getElementById('root')
    );
} else {
    ReactDOM.render(
        <div><StudentLayout userName={data.name}/></div>,
        document.getElementById('root')
    );
}
reactCookie.save('sid', data.id);
});

socket.on('sessionstart', function (data) {
    ReactDOM.render(
        <div><MainLayout userName={globalVariable}/></div>,
        document.getElementById('root')
    );
}
reactCookie.save('sid', data.id);
 });

//Set your gloabal variable from any where in your app by
localStorage.setItem("key(variable-name)","value")

//Get your gloabal variable from any where in your app by
localStorage.getItem("key(variable-name)")