-
從props中獲取data，從data中拿到shop、product、price、picture字段
查看全部 -
React的基本框架
查看全部 -
input的值一旦被改變，會觸發(fā)onChange方法，onChange方法中的setState方法給value賦值，組件會重新渲染，render會被重新執(zhí)行，value就會被設(shè)置成state中的value的值。
查看全部 -
若沒有bind的語句的話，handleClick事件中的this指的是button的點擊事件對象
也可以通過es6的箭頭函數(shù)來表示該this是當(dāng)前組件
查看全部 -
不再React中和在React中寫事件：
查看全部 -
組件的掛載狀態(tài)的方法：
constructor（）
render（）
componentDidMount（）
組件更新狀態(tài)的方法有：
render()
componentDidUpdate()
組件的卸載狀態(tài)的方法有：
componentWillUnmount()
查看全部 -
/*我的css簡潔一些，效果一樣*/
.orderItem{width: 100%;height: 30vw;margin: 5px auto;}
.orderItem__pic{width: 100%;height: 100%;}
.orderItem__picContainer{width: 30vw;height: 30vw;float: left;}
.orderItem__content{width: 63vw;/*background: lightblue;*/margin-top:10px;display: inline-block;float: right;}
.orderItem__product{font-weight: 700;font-size: 17px;line-height: 30px;}
.orderItem__shop{color: #777;line-height: 30px;text-overflow: ellipsis;white-space: nowrap;}
.orderItem__price{color: #777;float: left;line-height: 30px;}
.orderItem__price::before{content: '￥';}
.orderItem__btn{color: white;background: lightgray;float: right;width: 80px;height: 22px;border: 0;}
.orderItem__btn--red{background-color: #e9203d}
.orderItem__btn--grey{background-color: #999}
查看全部 -
安裝插件??
?npm intellisense
Path intellisense
Prettier-code formatter
Reactjs code snippets
查看全部 -
收藏查看全部
-
幾個有用的vscode for react插件： npm intellisence查看全部
-
map ...
查看全部 -
onClick={this.handleClickStars.bind(this, item)}
給當(dāng)前點擊事件傳值（當(dāng)前項）
查看全部 -
本節(jié)有vscode的插件推薦查看全部
-
Props?和 State?的區(qū)別
二者都是數(shù)據(jù)傳遞的形式
前者對外父子組件之間通信
后者對內(nèi)負(fù)責(zé)數(shù)據(jù)的修改
查看全部 -
fetch用法查看全部
舉報