当前位置:首页 > 开发 > 行业应用 > 正文

React 动态更新子项item从array数据

发表于: 2016-04-12   作者:qiaolevip   来源:转载   浏览:
摘要: //初始化state this.state={ files:[], } //添加数据到array this.setState({ files:[ ...this.state.files, fileInfo ] }); //动态移除子项从array removePic(index){ this.setState({ files:this.state.files.f
// 初始化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 动态更新子项item从array数据

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
一、当UIScrollView的下面的包含的子项太多(二三十个之上)时,它的滚动就会变的有些卡不流畅,尤
网上找资料看到一段代码,还是很不错的,至少里面逻辑处理挺好的, 但是如果我要实现局部更新单个Ite
package com.android.wei.zidingyi.adapter; import android.app.Activity; import android.os.Bund
基于Item Template,导入Item数据 1.查找到TEMPLATE_ID SELECT * FROM MTL_ITEM_TEMPLATES_B b,MTL_I
基于Item Template,导入Item数据 1.查找到TEMPLATE_ID SELECT * FROM MTL_ITEM_TEMPLATES_B b,MTL_I
基于Item Template,导入Item数据 1.查找到TEMPLATE_ID SELECT * FROM MTL_ITEM_TEMPLATES_B b,MTL_I
7 react
基于HTML的前端界面开发正变得越来越复杂,其本质问题基本都可以归结于如何将来自于服务器端或者用
React Native 用于构建用户界面的JAVASCRIPT库 | React React 入门实例教程 颠覆式前端UI开发框架:
ASP.NET网页动态添加、更新或删除数据行 看过此篇《ASP.NET网页动态添加数据行》 http://www.cnblog
看过此篇《ASP.NET网页动态添加数据行》 http://www.cnblogs.com/insus/p/3247935.html的网友,也许
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号