练习案例React六项目中开始引入ant模块

Posted 2022-01-06 前端大歌谣

目录

前言

导语

 解决思路

代码部分

运行结果

---

前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

导语

目前当前的一个开源项目每天都有更新 现在要加入一个新的模块了 ant的 平时工作中用到也有ant design

 解决思路

yarn add antd

注意在app.css的头部加上

@import '~antd/dist/antd.css'; 引入样式 不然是无法看到样式的

代码部分

     <Upload
              // fileList=modifyData.imgVoucher
                listType="picture-card"
                showUploadList=false
                onChange=this.handleChange
              >
                imgVoucher ? <img src=imgVoucher
 style= width: 100  /> : <a>上传凭证</a>
              </Upload>

就引入了上传组件了

运行结果