React.js中全局变量声明的最佳实践是什么？

Question

我是React.js的新手，目前在使用React.js的项目中，需要将api调用到后端服务器。

我可以知道在react.js项目中声明全局变量的最佳方式是什么？

非常感谢您的指导！ 谢谢。

Answer 1

嗨没有好的做法使用全局变量，如果你不必。我的建议是，当你不使用它时更好地使用像Redux这样的状态机。并将所有对象存储到状态。

或者如果您需要全局变量，则与普通js项目没有区别。

在HTML中，你可以定义全局变量就像我在Index.cshtml做初始化Redux的状态：

<script> 
     var initialReduxState = @Html.Raw(JsonConvert.SerializeObject(Model)); 
</script> 

或当我不得不使用第三方脚本，以便在我的中间件我正在初始化的全局变量像：

var freshDeskobj= new fresDesk(); 
window["freshDesk"] = freshDeskobj; 

比我能使用它作为

window["freshDesk"].someMethod(); 

不过是好首先检查存在。

当您在创建全局变量时需要小心并且您还必须处理它时，创建组件并使用生命周期钩子是一种很好的方法。只需创建组件。将其放置在布局的某个位置（确保该组件将存在一个）。在组件中，您可以使用生命周期方法componentWillMount（）在其中创建全局变量，并在componentWillUnmount（）中处理资源。在render方法中，简单地返回null。