![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 63
weixin_42737733
这个作者很懒,什么都没留下…
展开
-
antd 弹框 抽屉 高阶组件封装
在使用atnd组件化弹框时,我们在书写的时候,每次都要控制弹框的visible,包括点击”确定“时,我们需要从弹框内容中获取表单数据,以及需要处理错误返回时弹框的交互,或者时弹框内容的一些变换,这就使代码看起来很混乱,各种不同的功能相互混合,耦合度高,而且每次都需要处理弹框的交互状态,有重复的劳动力。于是这就需要我们单独封装一个组件,在组件中单独处理弹框的功能,暴露出弹框组件的方法,让弹框内容部分的组件使用,让该组件专注业务内容的书写。高阶组件,可以称之为HOC,即该组件入参一个组件,将该组件经过处理后,原创 2021-11-17 10:50:30 · 1279 阅读 · 0 评论 -
关于这些年做的 图片上传下载做的处理总结(including根据图片url上传文件)
下载文档我们查柜的认知是后端给前端传一个链接地址,将地址放在a标签上,点击链接下载文件。可有时候往往不是这样的,后端给前端返回了一个文档流,这就需要我们自己转换为Blob格式的数据,再使用这个数据转化成一个url地址,模拟一个a标签,将地址放进去。 //创建一个blob是excel格式的 let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' }); let cont原创 2021-11-13 20:14:30 · 1402 阅读 · 0 评论 -
react中使用markdown组件——react-md-editor
react中使用markdown组件组件推荐(react-md-editor):https://github.com/uiwjs/react-md-editor在项目中使用过后是这样的,左侧内容可以默认,可以手动回填简单介绍下载依赖npm i @uiw/react-md-editor组件引入及使用引入:import MDEditor from ‘@uiw/react-md-editor’;引入左侧写入、右边展示的markdown,属性value为markdown文本 <原创 2021-04-23 17:11:28 · 3085 阅读 · 0 评论