react中使用antd的List组件,以及下载文件,List隔行变色


第一次使用List组件 中间犯糊涂了,特地记录下来 希望也能帮助到大家

首先页面样式是

页面布局的代码,隔行加颜色,也是在renderItem函数中,加了个index参数,然后通过用index求余2设置background的颜色

点击右侧图标可以进行文件下载,这个在我另一篇笔记里也有。可以看到主要的代码都在renderItem这个函数中,这是antd官方的api

首先 我遍历出item.ir_title,是页面中每一行的文字,然后下载文件,就直接在img标签上加了点击事件,把item.ir_file传过去,这个item.ir_file就是后端接口返给我的文件地址的字段名,可以看一下我这边接口返回的数据格式

 

 

然后我们看方法

 

 其实原理都一样,就是动态创建a标签,设置属性为下载,但是最后要移出a标签。filename是因为需要我从文件地址中截取的文件名,如果后端直接返给你的有文件名字段,传过来就好了

刚好发现,下载文件是txt的时候,浏览器会自动打开,这个我有待研究。。。

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM