使用React創(chuàng)建Wordpress博客

關(guān)鍵字:

==>wp rest api

==>redux(三大塊:action、reducer召夹、store)

==>各部分組件機構(gòu)

==>this.props.children(用于實現(xiàn)動態(tài)組件)

==>axios

==>es6字符串的新寫法(` ?`反引號)

==>connect的用法(import { connect } form 'react-redux')

==>middlewares的用法(異步發(fā)送action)

==>moment的用法(import moment form 'moment' )

==>容器組件和可視化組件

==>this.props用于父組件傳遞數(shù)據(jù)給子組件绽淘,父組件申明一個自定義屬性并設(shè)值<Child name="roy">币厕,子組件接受這個自定義屬性的值{this.props.name},getDefaultProps方法居兆,設(shè)置默認的props值瘦黑。

==>this.setState用于input等互動型的組件剧防,getInitialState方法植锉。變更的父組件state后通過props傳遞給子組件。

==>wp rest api:

1.安裝phpStudy和wordpress

2.phpStudy站點域名設(shè)置和hosts內(nèi)容添加

地址:C:\Windows\System32\drivers\etc

3.wordpress安裝wp rest api插件

給瀏覽器安裝json-handler插件峭拘,這樣獲取的json格式能在瀏覽器當中自動換行顯示

==>redux:

三大塊:action俊庇、reducer、store鸡挠,它們都是相應(yīng)的函數(shù)處理模塊辉饱,三者的順序為先action,然后reducer拣展,最后store彭沼。

action:返回一個對象給reducer,觸發(fā)動作

reducer:處理接受action傳遞過來的東西

store:接收reducer傳遞過來的東西备埃,其相當于一個倉庫姓惑,把網(wǎng)站的所有數(shù)據(jù)都儲存在里面

type為動作屬性;payload為要傳遞的數(shù)據(jù)按脚,上圖數(shù)據(jù)為要傳遞的三篇文章對象("payload"名字可以自定義)
工程目錄于毙;components用于react組件,index.js為項目主入口文件

==>各部分組件機構(gòu):

這里的main.js應(yīng)該是最后通過webpack打包生成的???
項目地址:src/index.js
IndeRoute對應(yīng)main.js文件中的this.props.children
相當于html結(jié)構(gòu)最外層乘寒,項目地址:src/components/main.js
導(dǎo)入src/index.js中
導(dǎo)入/index.js中
倒入src/components/main.js中
倒入src/components/main.js中

組件模板:

importReact, { Component }from'react';

export default classFooterextendsComponent {

constructor(props) {

super(props);

}

render() {

return(

Designed By @Blwoosky

Copyright ? 2013-2015 BlwooSky.COM

);

}

}


定義地址

==>moment的用法(import moment form 'moment' ):

post.data為傳入的時間參數(shù)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末望众,一起剝皮案震驚了整個濱河市匪补,隨后出現(xiàn)的幾起案子伞辛,更是在濱河造成了極大的恐慌烂翰,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,496評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蚤氏,死亡現(xiàn)場離奇詭異甘耿,居然都是意外死亡,警方通過查閱死者的電腦和手機竿滨,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,407評論 3 392
  • 文/潘曉璐 我一進店門佳恬,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人于游,你說我怎么就攤上這事毁葱。” “怎么了贰剥?”我有些...
    開封第一講書人閱讀 162,632評論 0 353
  • 文/不壞的土叔 我叫張陵倾剿,是天一觀的道長。 經(jīng)常有香客問我蚌成,道長前痘,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,180評論 1 292
  • 正文 為了忘掉前任担忧,我火速辦了婚禮芹缔,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘瓶盛。我一直安慰自己最欠,他們只是感情好,可當我...
    茶點故事閱讀 67,198評論 6 388
  • 文/花漫 我一把揭開白布惩猫。 她就那樣靜靜地躺著窒所,像睡著了一般。 火紅的嫁衣襯著肌膚如雪帆锋。 梳的紋絲不亂的頭發(fā)上吵取,一...
    開封第一講書人閱讀 51,165評論 1 299
  • 那天,我揣著相機與錄音锯厢,去河邊找鬼皮官。 笑死,一個胖子當著我的面吹牛实辑,可吹牛的內(nèi)容都是我干的捺氢。 我是一名探鬼主播,決...
    沈念sama閱讀 40,052評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼剪撬,長吁一口氣:“原來是場噩夢啊……” “哼摄乒!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,910評論 0 274
  • 序言:老撾萬榮一對情侶失蹤馍佑,失蹤者是張志新(化名)和其女友劉穎斋否,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體拭荤,經(jīng)...
    沈念sama閱讀 45,324評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡茵臭,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,542評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了舅世。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片旦委。...
    茶點故事閱讀 39,711評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖雏亚,靈堂內(nèi)的尸體忽然破棺而出缨硝,到底是詐尸還是另有隱情,我是刑警寧澤罢低,帶...
    沈念sama閱讀 35,424評論 5 343
  • 正文 年R本政府宣布追葡,位于F島的核電站,受9級特大地震影響奕短,放射性物質(zhì)發(fā)生泄漏宜肉。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,017評論 3 326
  • 文/蒙蒙 一翎碑、第九天 我趴在偏房一處隱蔽的房頂上張望谬返。 院中可真熱鬧,春花似錦日杈、人聲如沸挽封。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,668評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至蝉稳,卻和暖如春嘱吗,著一層夾襖步出監(jiān)牢的瞬間船惨,已是汗流浹背债沮。 一陣腳步聲響...
    開封第一講書人閱讀 32,823評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留鹿鳖,地道東北人扁眯。 一個月前我還...
    沈念sama閱讀 47,722評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像翅帜,于是被迫代替她去往敵國和親姻檀。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,611評論 2 353

推薦閱讀更多精彩內(nèi)容