React.js加载组件以及JSX脚本处理代码
2015-01-07 21:46
543 查看
React.js是一个组件化的JS界面开发库,可以结合XML格式的脚本语法JSX。
如果你的页面中包含了这样的代码,需要将JSX代码预编译为Raw JavaScript,不然会提示有语法错误"undefined <"。
只要在脚本代码头部加上
React.js加载组件结合JSX语法的使用实例可参考:
http://wow.techbrood.com/fiddle/3941
更多内容请参考:
http://facebook.github.io/react/docs/tooling-integration.html
by iefreer
如果你的页面中包含了这样的代码,需要将JSX代码预编译为Raw JavaScript,不然会提示有语法错误"undefined <"。
只要在脚本代码头部加上
/** @jsx React.DOM */然后把脚本类型声明为jsx即可:
type="text/jsx"
React.js加载组件结合JSX语法的使用实例可参考:
http://wow.techbrood.com/fiddle/3941
更多内容请参考:
http://facebook.github.io/react/docs/tooling-integration.html
by iefreer
相关文章推荐
- js 判断脚本加载完毕的代码
- js中Image对象以及对其预加载处理
- react.js学习-Sublime Text 3 安装Package Control 及 配置babel插件使jsx代码高亮
- 关于在reactjs项目中如何用webpack配置组件按需加载
- WebView加载html代码,js脚本中调用android对象的方法...
- js动态加载以及确定加载完成的代码
- JS组件系列——Bootstrap寒冬暖身篇:弹出框和提示框效果以及代码展示
- 浏览器加载外部js 的顺序,以及处理顺序。
- JS组件系列——Bootstrap寒冬暖身篇:弹出框和提示框效果以及代码展示
- Vue.js上下滚动加载组件的实例代码
- Js脚本:动态添加HTML自定义属性以及处理html元素的自定义属性(兼容Firefox和IE)
- js动态加载以及确定加载完成的代码
- JS脚本动态加载,以及加载完成后执行回调
- React.js学习之理解JSX和组件
- 动态加载Js代码到Head标签中的脚本
- js中Image对象以及对其预加载处理示例
- 认识DOM和DOM加载过程以及如何让DOM加载完成后再执行js脚本文件
- 每天看一片代码系列(四):layzr.js,处理图片懒加载的库
- JS组件系列——Bootstrap寒冬暖身篇:弹出框和提示框效果以及代码展示
- JS脚本文件的位置对页面加载性能影响以及无阻塞脚本(javascript)模式