render接收兩個引數，乙個jsx語法的節點模板，乙個是渲染到那個元素物件上（會成為其子節點）
"text/babel"
>
const element =
(hello react<
/h1>);
reactdom.
render
( element,
document.
queryselector()
)<
/script>
"text/babel"
>
functionfn(
)const element =fn(
);reactdom.
render
( element,
document.
queryselector()
)<
/script>
//或者這樣，注意，return後面沒有東西就什麼都不返回了，直接結束，因為js沒有那麼嚴格的分號結束機制；
"text/babel"
>
functionfn(
)hello react by return
<
/h1>
<
/div>)}
const element =fn(
);reactdom.
render
( element,
document.
queryselector()
)<
/script>
"text/babel"
>
const element =
(//單行注釋
/* 多行注釋 */
//單行注釋
/* 多行注釋 */
hello react
<
/h1>
<
/div>);
reactdom.
render
( element,
document.
queryselector()
)<
/script>
"text/babel"
>
const element =
(//單行注釋
/* 多行注釋 */
hello react
<
/h1>
<
/div>);
reactdom.
render
( element,
document.
queryselector()
)<
/script>
"text/babel"
>
let person =
const element =
(姓名：
<
/h2>
年齡：<
/h2>
性別：<
/h2>
<
/div>);
reactdom.
render
( element,
document.
queryselector()
)<
/script>
"text/babel"
>
varperson
=function
(name,age,***)
,this
.get***
=function()
}let newperson =
newperson
("小紅"
,"18"
,"女");
const element =
(姓名：
<
/h2>
年齡：<
/h2>
性別：<
/h2>
<
/div>);
reactdom.
render
( element,
document.
queryselector()
)<
/script>
"text/babel"
>
varperson
=function
(name,age,***)
,this
.get***
=function()
}let newperson =
newperson
("小紅"
,"18",1
);//有些後台用0 1表示性別更加方便
const element =
(姓名：
<
/h2>
年齡：<
/h2>
性別：<
/h2>
//完全可以插入三目運算子，但是可惜的是，這裡不能直接寫函式體，也不能用if判斷等
<
/div>);
reactdom.
render
( element,
document.
queryselector()
)<
/script>
"text/babel"
>
varperson
=function
(name,age,***)
,this
.get***
=function()
}let newperson =
newperson
("小紅"
,"18",1
);const element =
(姓名：
<
/h2>
年齡：<
/h2>
性別：else})
(newperson.
get***()
)}<
/h2>
<
/div>);
reactdom.
render
( element,
document.
queryselector()
)<
/script>
Sass 插值語法
你可以通過 插值語法在選擇器和屬性名中使用 sass 的變數 變數 name button new border border radius 斜體樣式 插值表示式 div 10px 編譯為css div button 同樣，使用 插值語句也可以把 sass 變數插入到屬性值中。但大多數情況下這種做可...
React 基本語法
一 宣告元件 1.建立元件檔案 兩種寫法 在components資料夾中新建乙個home.js檔案 import react,from react 宣告元件的類 class home extends component export default home 在components資料夾中新建乙個c...
React 基本語法
目錄 一 元件的使用 1.1 宣告元件 1.2 掛載元件 二 在元件裡宣告資料及繫結資料 三 在元件中繫結屬性 四 引入 有倆種寫法 寫法一 在components元件中新建home.js 檔案 import react,from react 宣告元件的類 class home extends co...