专栏首页Jerry的SAP技术分享React的工作原理,为什么我直接从JSBin copy到本地的代码无法执行

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

Friday, February 19, 2016 5:41 PM

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

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

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

Render里面的那个

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

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

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赋值:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • React的source code init时会自动检测Chrome dev tool的react extension装了没

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

    Jerry Wang
  • running Extension project directly on ABAP server without Launchpad

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

    Jerry Wang
  • 一个典型的SAP Commerce extension目录结构

    所以每个extension都有.classpath和project.properties等Java项目相关文件。

    Jerry Wang
  • WiredTiger的时间戳事务设计及其正确性证明

    为了更好地支持基于逻辑时钟和混合逻辑时钟的分布式事务,WiredTiger从3.0版开始引入时间戳事务(timestamp transaction)。在本文中,...

    MongoDB中文社区
  • 【收藏】全球100款大数据工具汇总

    是第一家针对的数据集成工具市场的ETL(数据的提取Extract、传输Transform、载入Load)开源软件供应商。Talend的下载量已超过200万人次,...

    华章科技
  • 【干货】全球100款大数据工具汇总,入行必备

    1、 Talend Open Studio 是第一家针对数据集成工具市场的ETL(数据的提取Extract、传输Transform、载入Load)开源软件供应商...

    钱塘数据
  • 资源 | 全球100款大数据工具汇总,入行必备

    大数据文摘
  • 全球100款大数据工具汇总

    来源:网络 ? 1、 Talend Open Studio 是第一家针对的数据集成工具市场的ETL(数据的提取Extract、传输Transform、载...

    顶级程序员
  • vue-router 源码阅读 - 文件结构与注册机制

    前端路由是我们前端开发日常开发中经常碰到的概念,在下在日常使用中知其然也好奇着所以然,因此对 vue-router 的源码进行了一些阅读,也汲取了社区的一些文章...

    前端下午茶
  • 【干货】全球100款大数据工具汇总,入行必备

    是第一家针对数据集成工具市场的ETL(数据的提取Extract、传输Transform、载入Load)开源软件供应商。Talend的下载量已超过200万人次,其...

    钱塘数据

扫码关注云+社区

领取腾讯云代金券