#私藏项目实操分享# 【练习案例React六】项目中开始引入ant模块

2022-04-26 09:59:31

前言

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

就引入了上传组件了

运行结果

#私藏项目实操分享# 【练习案例React六】项目中开始引入ant模块