jsx语法简介
实际上,JSX 仅仅只是 React.createElement(component, props, ...children) 函数的语法糖。
https://zh-hans.reactjs.org/docs/jsx-in-depth.html
<Provider store={this.state.store}>
<Root />
</Provider>
return React.createElement(Provider, {
store: this.state.store
}, React.createElement(Root, null));
https://babeljs.io/repl/#?babili=false&browsers=&build=&builtIns=false&spec=false&loose=false&code_lz=GYVwdgxgLglg9mABACwKYBt1wBQEpEDeAUIogE6pQhlICQ9APAAplwBuMAJqmYgM5Q4FALwEoyGHwB0AgIZRUMwRQC-APiL1GAJThwoiAPQatDQy3ZceagNxEVRIA&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=false&fileSize=false&timeTravel=false&sourceType=module&lineWrap=true&presets=react&prettier=false&targets=&version=7.5.4&externalPlugins=
<MyButton color="blue" shadowSize={2}>
Click Me
</MyButton>
React.createElement(
MyButton,
{color: 'blue', shadowSize: 2},
'Click Me'
)
相关文章
- 【DB宝40】MySQL高可用管理工具Orchestrator简介及测试
- Python 面向对象简介
- HBase-scan简介及优化(缓存与批量处理)
- AJAX简介
- 线性回归简介
- 8个最新的美国数据科学项目简介
- Zope简介
- MySQL 集群服务简介
- 《深入理解Elasticsearch(原书第2版)》一第1章Elasticsearch简介1.1 Apache Lucene简介
- DBMS_OUTPUT包语法简介及使用小实验
- Bootstrap 3之美02-Grid简介和应用
- 《大型网站服务器容量规划》——第2章 容量规划简介2.1 什么是容量
- 《Selenium自动化测试指南》—第1章1.2节HTML简介
- 《Python数据可视化编程实战》——5.1 简介
- U2Net网络简介
- 浅析CentOS yum简介及常用语法命令、以及 apt 安装常用命令
- Redis 简介