无法在React中访问窗口变量

Question

我正在使用React Redux应用程序。 我的React应用程序的基本模板类似于

 <div id="react"></div>
 <script type="text/javascript" src="/static/bundles/main-hash.js" ></script>
 <script>
   window.userData = {a: 1, b:2}
 </script>

我想在我的应用程序中使用变量userData 。 window.userData在几乎所有位置（组件的reducers，componentDidMount等）都返回undefined。 但是，如果我记录窗口对象，则可以在控制台中看到其中有一个userData变量。

总结一下console.log(window, window.userData)返回-

Window undefined窗口，其中窗口是折叠树的窗口。 取消折叠，可以在其中看到userData变量。

Answer 1

请在您的React组件脚本标签之前移动您的脚本标签。 它应该工作。

我的意思是，您应该在使用Windows对象之前创建userData成员。

Answer 2

尝试这个

 <div id="react"></div>
 <script>window.userData = {a: 1, b:2}</script>
 <script type="text/javascript" src="/static/bundles/main-hash.js" ></script>