// 1、獲取根節點
var root = document.
getelementbyid
('root'
)// 資料
var name=
'妲己'
// 2、建立虛擬dom
// 資料繫結使用單花括號
// var obj =
// 在花括號使用字串遵循js語法
// var obj =
// img標籤 所有的單標籤必須有關閉標籤
// var obj=
// 動態classname
var classn=
'blue'
// 動態樣式
var json=
// 三目運算子
var isorange=
false
var obj=
(姓名：
<
/h3>
年齡：<
/h3>
性別：<
/h3>
<
/h3>
'orange'
>
2345678
<
/h3>
>
2345678
<
/h3>
>
2345678
<
/h3>
>
2345678
<
/h3>
}>
2345678
<
/h3>
<
/div>
)// 定義class 要用classname
reactdom.
render
(obj,root)
script
>
body
>
html
>
html
>
React之jsx語法特性
jsx 語法，直接可以在js中使用html標籤。還可以通過花括號的形式，在html標籤中，寫js表示式。hello,world！事件是大寫 addreact中的程式設計思想是，面向資料程式設計。只要定義資料就ok了，資料變了，頁面展示的內容就會變了。react刪除不需要操作dom，只需要運算元據就可...
用於react 中的JSX語法配置方法
什麼是jsx語法 就是符合 xml 規範的 js 語法 語法格式相對來說，要比html嚴謹很多 1.如何啟用 jsx 語法？安裝能夠識別轉換jsx語法的包,就是將jsx轉化為js babel preset react 新增.babelrc配置檔案 新增babel loader配置項 module j...
04react中樣式的使用 內聯和外部樣式表
1 在src中新建了三個子元件分別為header content footer 2 在裡面分別寫入 建議用rcc快捷方式 header.js中 import react,from react var headerstyle export default class header extends co...