react 修改循环列表的当前单个子项状态:思路 拿原始state数据更改,再做请求
2017-12-06 16:46
751 查看
handleLike(item,index){ var id = item.id; _ENV.post( _ENV.HOST+'/communion/video-up', {'user_id':localStorage.getItem('uid'),'video_id':id} ).then(res => { let data = this.state.data; item.is_dz ? item.is_dz = false : item.is_dz = true; item.is_dz ? item.up += 1 : item.up -= 1; this.setState({ data:data }); }).catch(error=>{ console.log(error); }); }
{ this.state.data.map((item,index)=> <VideoCard key={index} name={item.staff_name} personlink={'/personalcenter/'+item.created_uid} videoId = {item.id} color={item.is_dz ? 'active iconfont icon-xihuan' : 'iconfont icon-xihuan1'} click={()=>this.handleLike(item,index)} up={item.up} number={item.num} thumb={_ENV.HOST+'/'+item.staff_head_img} time={item.time} src={_ENV.HOST+'/'+item.thumb} description={item.summary}/> ) }
相关文章推荐
- Android列表也数据修改不请求后台
- react 中随state状态改变,数据在dom中渲染问题
- PB判断数据窗口数据是否更改及原始值与当前值
- Android 判断当前网络状态及代码更改数据连接状态
- React第三方组件2(状态管理之Refast的使用②异步修改state)
- Mysql 设置字段自动获取当前时间(随修改数据而更改和修改数据不更改的两种方式)
- EF里查看/修改实体的当前值、原始值和数据库值
- javaweb-react的入门遇到的问题三:ajax获取数据与循环处理放入列表
- PB判断数据窗口数据是否更改及原始值与当前值
- 用for each循环出一个列表时 不请求后台 如何获取当前列的字段值
- 三级下拉列表的修改时无法绑定原始数据解决办法
- 列表中根据某一行的条件修改当前行状态
- 错误修改 :warning C4819: 该文件包含不能在当前代码页(936)中表示的字符。请将该文件保存为 Unicode 格式以防止数据丢失
- mysql插入数据时保存当前时间戳/更新数据数修改时间戳
- C#获取SharePoint中列表的数据并进行修改
- option stateSaveParams 状态数据保存操作回调函数
- React-Native 在iOS9之后,网络请求默认为Https请求,如需支持Http,修改info.plist文件添加键值对设置允许http访问。
- 混合开发的大趋势之一React Native State (状态),Style(样式)
- 基于购物车更改 完整http请求数据 改变代码--首页与主要代码
- okhttp简单请求数据,列表切换展示