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