React的工作原理,为什么我直接从JSBin copy到本地的代码无法执行

Friday, February 19, 2016 5:41 PM

当时我还纳闷render()里传进去的参数既不是function，也不是string，而是一个html tag，这不是syntax error么？

clipboard1

看了阮一峰老师的blog才弄懂，

clipboard2

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

clipboard3

Render里面的那个

… 被自动翻译成了JS: React.createElement( … ),

这个broswer.js 是个宝库啊，里面好多大师级的js 用法。。。

clipboard4

React的source code init时会自动检测Chrome dev tool的react extension装了没，如果没装会在console里打一个message提醒。

clipboard5

我就在想react咋知道本地安装了extension没。以前看过一篇Chrome extension的step by step创建教程。

其实extension也就是一个js文件。

React里检查一个全局变量是否被赋值，如果否，说明没装。

clipboard6

这个Chrome extension会自动给该global object赋值：

clipboard7

clipboard8

clipboard9