React的工作原理,为什么我直接从JSBin copy到本地的代码无法执行
author:一佰互联 2019-03-29   click:143

简介:Friday, February 19, 2016 5:41 PM 当时我还纳闷render()里传进去的参数既不是function,也不是string,而是一个html tag,这不是syntax error么?看了阮一峰老师的blog才弄懂,我之前忘了把browser.js 也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里面的那个<h1> … 被自动翻译成了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到本地的代码无法执行

本文仅代表作者个人观点,不代表巅云官方发声,对观点有疑义请先联系作者本人进行修改,若内容非法请联系平台管理员,邮箱2522407257@qq.com。更多相关资讯,请到巅云www.yinxi.net学习互联网营销技术请到巅云建站www.yx10011.com。