前端之家收集整理的这篇文章主要介绍了
React简单实例,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
demo01.html
- <!DOCTYPEhtml>
- <htmllang="en">
- <head>
- <Metacharset="UTF-8">
- <title>demo01</title>
- <scriptsrc="js/react.js"></script>
- <scriptsrc="js/react-dom.js"></script>
- <scriptsrc="js/browser.min.js"></script>
- </head>
- <body>
- <divid="example"></div>
-
- <scripttype="text/babel">
- varL1=React.createElement('li',{style:{color:'red',fontSize:'32px'}},'Hello,world1!');
- varL2=React.createElement('li',null,world2!');
- varL3=React.createElement('li',world3!');
- varL4=React.createElement('li',world4!');
-
- ReactDOM.render(
- React.createElement('ul',[L1,L2,L3,L4]),document.getElementById('example'));
- </script>
- </body>
- </html>