React简单实例
2015-12-30 00:00
459 查看
摘要: 了解下React的语法
demo01.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>demo01</title>
<script src="js/react.js"></script>
<script src="js/react-dom.js"></script>
<script src="js/browser.min.js"></script>
</head>
<body>
<div id="example"></div>
<script type="text/babel">
var L1 = React.createElement('li',{style:{color:'red',fontSize:'32px'}},'Hello,world1!');
var L2 = React.createElement('li',null,'Hello,world2!');
var L3 = React.createElement('li',null,'Hello,world3!');
var L4 = React.createElement('li',null,'Hello,world4!');
ReactDOM.render(
React.createElement('ul',null,[L1,L2,L3,L4]), document.getElementById('example'));
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 超级给力的JavaScript的React框架入门教程
- 由ReactJS的Hello world说开来
- 深入探讨前端框架react
- 深入浅析react native es6语法
- 深入理解JavaScript的React框架的原理
- 7月国外最新技术文章翻译汇总（IT技术）
- React Native for Android 官方文档中文版(最新)全国首发
- webpack使用babel 6打包react报错
- 从react来理解learn once write anywhere
- ERROR-1:React
- ERROR-2:React
- ERROR-3:React
- react-native
- react js 笔记——环境搭建
- React ——第一个程序
- React.js在ios设备上onClick事件失效的解决办法
- React addons载入方式变化
- Qumulo仪表盘前端开发技术：React + D3.js
- React Flux架构简介