怎樣編寫react組件
前端做界面都要求會組件化，今天咪咪我就來分享一下react怎樣編寫組件，希望可以幫助到大家。
工具/材料
電腦
hbuilder
react.js,react-dom.js,browser.js
操作方法
-
01
首先，現在HTML頁面中定義一個div，這個div待會用來存放react組件。
-
02
接著在HTML頁面引入這三個插件，具體可以到react官網下載，需要注意的是react-dom.js要放在react.js的后面，不然會報錯哦。
-
03
接著再寫一個script標簽，要把type設置成text/babel哦。
-
04
然后自定義一個組件名，比如我這里自定義為Zhinan，注意，react的組件名開頭一定要大寫字母哦。
-
05
然后我們調用React.createClass({})來創建一個組件。
-
06
接著在React.createClass({})里面調用render:function（）。render:function()是一個渲染函數。
-
07
然后我們在渲染函數里面開始編寫代碼，這里我就設置顯示一個<h1>標簽。這樣，一個簡單的react組件就編寫完成了。
-
08
接著調用ReactDOM.render()來把組件插入到之前定義好的div里就可以了。
-
09
如圖，插入方法如下，把組件當做是一個HTML標簽，注意要有/斜杠哦，并且要加上一個逗號，還有就是document語句后面不可以加分號。
-
10
最后瀏覽一下HTML界面，顯示成功，說明組件已經成功插入到div里面了。
- End
- 發表于 2017-08-16 00:00
- 閱讀 ( 990 )
- 分類：電腦網絡
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章