React—JSX转换成标准的JavaScript
来源:互联网 发布:淘宝店铺号及二维码 编辑:程序博客网 时间:2024/05/29 18:54
React—JSX转换成标准的JavaScript
什么是JSX?
JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。
在 JavaScript 代码里写着 XML 格式的代码称为 JSX。
例如:
<script type="text/babel"> React.render( <h1>这是一个JSX代码示例。</h1>, document.body );</script>
JSX转换成标准的JavaScript:
A. 在线转换:
react应用需要调用哪些js文件?
<script src="js/react.js"></script><script src="js/react-dom.js"></script><!--jsx转换成js后无需调用 browser.min.js 文件--><script src="js/browser.min.js"></script><!--含jsx语法的代码前要加 type="text/babel";除非通过HTTP服务,否则无法加载该类型文件--><script type="text/babel" src="src/main.js"></script>
B. 离线转换:
安装离线转换工具,项目根目录下执行命令:
依赖npm
cnpm install -g react-tools
将含有JSX格式的文件转换成标准的JavaScript文件,执行命令:
jsx --watch src/ build/
一旦修改src目录下的文件,build目录下会自动生成对应的文件。
此时react应用需要调用哪些js文件?
<script src="js/react.js"></script><script src="js/react-dom.js"></script><!--<script src="js/browser.min.js"></script>--><!--删除文件类型 type="text/babel"--><script src="build/main.js"></script>
0 0
- React—JSX转换成标准的JavaScript
- React学习——JSX的使用
- [React]JSX的用法
- React JSX编译为JavaScript
- React——JSX
- react——JSX语法
- React JSX
- React JSX
- 浅谈React的JSX语法(一)
- 浅谈React的JSX语法(二)
- 02React的JSX 与Style
- React牵手JSX - 使用XML语法编写JAVASCRIPT
- react ,jsx ,react native 一些相关的学习网站材料
- React-JSX详解
- React-JSX详解
- React之JSX入门
- React(2)--JSX
- React之JSX语法
- Android Studio配置好打包后 遗留一些小BUG
- 非常使用的日期工具类
- Spark RDD API详解 Map和Reduce
- Photoshop设计网页按钮_非常精致蓝色水晶按钮
- Flask 数据库多对多关系
- React—JSX转换成标准的JavaScript
- [斜率优化] codefores 660F. Bear and Bowling 4
- 【Yii2】Yii2执行完composer install 出现 vendor/bower/jquery/dist 找不到的解决方案
- c++
- Block传值解析
- 简单的文件拷贝工具类
- redis在win10中出现Creating Server TCP listening socket *:6379: bind: No such file or directory
- Spring security 4.1 登录成功后重复进行认证问题
- 安装多个xcode后用cocoapods引用三方报错