React的source code init時會自動檢測Chrome dev tool的react extension裝了沒

• 2019 年 10 月 6 日
• 筆記

版權聲明：本文為博主原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接和本聲明。

本文鏈接：https://jerry.blog.csdn.net/article/details/101018239

Sent: Friday, 19 February, 2016 5:41 PM

React的source code init時會自動檢測Chrome dev tool的react extension裝了沒，如果沒裝會在console里打一個message提醒。

我就在想react咋知道本地安裝了extension沒。以前看過一篇Chrome extension的step by step創建教程。

其實extension也就是一個js文件。

React里檢查一個全局變量是否被賦值，如果否，說明沒裝。

這個Chrome extension會自動給該global object賦值：

Render裏面的那個

… 被自動翻譯成了JS: React.createElement( … ),

這個broswer.js 是個寶庫啊，裏面好多大師級的js 用法。。。

From: Wu, Ji

就是哈，facebook自發明的新標記看起來很像html，多數人看到的第一反應是，擦這不是邏輯和視圖混着寫嗎 ? 剛開始很不習慣 當時我還納悶render()里傳進去的參數既不是function，也不是string，而是一個html tag，這不是syntax error么？

看了他的blog才弄懂，

我之前忘了把browser.js 也copy 到本地。