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

目录

前言

导语

 解决思路

代码部分

运行结果

---

前言

我是歌谣 我有个兄弟 巅峰的时候排名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>

就引入了上传组件了

运行结果