react Native如何?跨平台
react Native是通過虛擬DOM實現跨平台，運行時
將虛擬DOM轉換為相應的web編碼、android編號、ios編碼進行啟動並執行。
代碼實現：
01.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="react.js"></script>
<script src="react-dom.js"></script>
<script src="babel.min.js"></script>
<script type="text/babel" src="02.js"></script>
<style type="text/css">
.text{
color : red;
}
</style>
<title>React</title>
</head>
<body>
<div id="myDiv"></div>
</body>
</html>
01.js:
//React.js
//React 組件化(組件的重用)
//自訂群組件
class ChildText extends React.Component{
//組件的內容
render(){
return <div>
Hello <b>React!</b>
</div>;
}
}
class WrapperText extends React.Component{
render(){
//虛擬DOM（Document Object Model）
//html標籤，小寫開頭
//自訂群組件：大寫開頭
return <p>
<ChildText></ChildText>
<span>kerry</span>
</p>;
}
}
//繪製到頁面中
ReactDOM.render(<WrapperText></WrapperText>, document.body);
運行 01.html:
網頁顯示： Hello React!
kerry
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
