React简单实例

发布时间：2020-12-15 04:42:58 所属栏目：百科来源：网络整理

导读：demo01.html !DOCTYPEhtmlhtmllang="en"headmetacharset="UTF-8"titledemo01/titlescriptsrc="js/react.js"/scriptscriptsrc="js/react-dom.js"/scriptscriptsrc="js/browser.min.js"/script/headbodydivid="example"/divscripttype="text/babel"varL1=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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!