-
从props中获取data,从data中拿到shop、product、price、picture字段
查看全部 -
React的基本框架
查看全部 -
input的值一旦被改变,会触发onChange方法,onChange方法中的setState方法给value赋值,组件会重新渲染,render会被重新执行,value就会被设置成state中的value的值。
查看全部 -
若没有bind的语句的话,handleClick事件中的this指的是button的点击事件对象
也可以通过es6的箭头函数来表示该this是当前组件
查看全部 -
不再React中和在React中写事件:
查看全部 -
组件的挂载状态的方法:
constructor()
render()
componentDidMount()
组件更新状态的方法有:
render()
componentDidUpdate()
组件的卸载状态的方法有:
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)}
给当前点击事件传值(当前项)
查看全部 -
本节有vscode的插件推荐查看全部
-
Props 和 State 的区别
二者都是数据传递的形式
前者对外父子组件之间通信
后者对内负责数据的修改
查看全部 -
fetch用法查看全部
举报