React 动态更新子项item从array数据
2016-04-12 18:44
801 查看
// 初始化state this.state = { files: [], } // 添加数据到array this.setState({ files: [ ...this.state.files, fileInfo ] }); // 动态移除子项从array removePic(index) { this.setState({ files: this.state.files.filter((_, i) => i !== index) }) } // 循环显示数据 {state.files.map((file, index) => ( <li key={index}> <span className="del" onClick={this.removePic.bind(this, index)}> <a href="javascript:;"><img src="" /></a> </span> <span className="p_img"> <a href="javascript:;"> <img src={file.src} /> </a> </span> </li> ))}
有疑问或技术交流,扫描公众号一起讨论学习。
更多React在线学习访问:http://each.sinaapp.com/react/index.html
阅读更多
相关文章推荐
- React 更新数据array子项添加新的属性便于循环处理
- 动态模板列更新数据分页的例子
- 实时动态更新曲线图,x轴时间s随数据的变化而变化
- listview动态加载数据,并更新数据列表
- React setState更新数组中的某个元素Element item
- sqlserver函数+过程,解析字符串信息作为字段,并动态更新数据表
- Android ListView 获取网络上的数据,动态地进行数据更新!
- 得用DWR实时自动动态更新网页数据
- Shape数据上传至SDE数据库中,动态更新Mapservice的解决方案之一
- 动态更新图片新闻播放器的数据
- 在edittext中输入内容,动态匹配更新 listview的数据(EditText中边输入,listView边更新)
- react 输出动态数据
- bootstrap-multiselect.js如何动态更新select里的数据
- sql编程 存储过程 之 动态添加数据库表列并更新数据库表数据
- android 为 ListView Item中的组件添加事件 以及更新数据
- Android Fragment 数据动态更新的问题
- android客户端用bindservice来动态更新UI数据的实例
- 解决recycleview动态添加条目后,item上的edit输入数据造成的数据错乱
- 动态创建表格,更新、提交、循环获取表格中各种元素的数据 并转换为JSON,数组的数据格式。
- Android官方DataBinding(二):动态数据更新notifyPropertyChanged