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。