如何檢測服務器上是否呈現了React應用程序？

Question

我想在組件中確定是否構建了我的React應用程序以與校驗和進行比較或正常渲染。有沒有辦法讓組件在初始「校驗和」渲染上的行爲稍有不同？

具體來說，我有一個使用畫布的組件，服務器不能這樣做。所以在服務器上，我希望它只呈現一個空的元素，然後在客戶端上匹配校驗和，然後進行更新。

或者像這樣的情況下讓React替換服務器使用新的元素渲染的元素會更好嗎？

Answer 1

要檢查我用一個簡單的輔助功能的環境：

isBrowser =() => typeof window !== 'undefined' && window.document !== undefined; 

這工作，因爲window和window.document是特定於瀏覽器的對象。使用這個幫助器，你可以擁有特定於瀏覽器/服務器的行爲。