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

Friday, February 19, 2016 5:41 PM

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


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

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


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


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


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

Render里面的那个


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

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


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

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


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


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


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


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

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


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

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

上一篇:Azure中国篇之应用服务--如何连接Windows azure PASS上的sql


下一篇:android-数据存储之外部file存储(sdcard)