博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
[深入React] 3.JSX的神秘面纱
阅读量:4914 次
发布时间:2019-06-11

本文共 454 字,大约阅读时间需要 1 分钟。

会被编译为:

React.createElement("div",null,    React.createElement(List, null));

React.createElement 方法说明:

  • 第一个参数
    • 如果是小写标签(如:div)变成字符串,意义是html标签
    • 如果是大写标签(如:List)变成变量,意义是react组件
  • 大括号会被当作js表达式
hello {'w' + 'orld'}

会被编译为:

React.createElement('div',{        className:"box"    },    'hello ' + 'w' + 'orld',    React.createElement('i', null));
  • 第二个参数是属性(props),类型为 object
  • 第三个参数开始为子元素,或者子元素数组

来源:

转载于:https://www.cnblogs.com/p2world/p/6047697.html

你可能感兴趣的文章
phpmyadmin 的安装配置
查看>>
需求流分析2.0
查看>>
random随机数
查看>>
凸包模板——Graham扫描法
查看>>
api无限拓展的想像世界
查看>>
hdu 2215 Maple trees
查看>>
【手记】WebBrowser响应页面中的blank开新窗口及window.close关闭本窗体
查看>>
一套Tomcat处理多个域名请求 - Virtual Host
查看>>
[ubuntu] 外挂硬盘
查看>>
CommonJS是如何提高javascript的生产力的
查看>>
在 Windows 上安装 Hadoop 教程(转)
查看>>
PHP数组函数(4)
查看>>
js获取一个对象的所以属性和值
查看>>
XML解析之SAX详解
查看>>
leetcode 338. Counting Bits
查看>>
NUMBER类型细讲
查看>>
koa2-3
查看>>
MySQL慢查询日志总结
查看>>
ipad常见错误
查看>>
时钟效果
查看>>