環境建立（cdn)：載入React(建立介面的資料結構),ReactDOM（將前者進行渲染）
1
2
3
4
5
6
7
8
9
10
11
12
13
| //react 版本18
//以上的版本只適用於開發環境，並不適合用於線上環境。你可以在以下找到已壓縮和最佳化的 React 線上版本：
<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
//babel =>利用 Babel CDN 讓瀏覽器直接跑 JSX
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
//官方版本 18，保留 crossorigin
<script crossorigin src="..."></script>
//六角讀書會教法
<script src="all" type=text/babel></script>
|
利用 Babel CDN 讓瀏覽器直接跑 JSX
JSX(javaScript and XML)
1
2
3
4
5
6
| //陳述式Statement
const a= 1;
//表達式 Expression
a
````
函式
|
//陳述式Statement
function b(){
return “Lara”
}
//表達式 Expression
b()
if(//表達式Expression){
let a=3;//陳述式Statement
}
if(2>1){
let a=3;
}