![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 63
Li_na_na01
这个作者很懒,什么都没留下…
展开
-
React hooks实现聊天室
React Hooks实现聊天室 滚动条置底/下拉刷新/发送消息等功能原创 2023-01-17 17:09:06 · 1084 阅读 · 4 评论 -
实现React模板打印
react项目通过iframe实现模板打印功能。原创 2022-08-17 19:58:53 · 2117 阅读 · 2 评论 -
React函数组件实现获取子组件标签(forwardRef的使用)
需求说明父组件触发事件改变子组件的状态举例例子: 切换父组件tab时,重置子组件表单。在第一个tab下的搜索表单填写的搜索条件,在切换tab时,需清空表单内容代码结构const parent = () => { return ( <> <Tabs onChange={changeTabs}> {tabsList?.map((tabItem: tabItem) => <TabPane tab={tabI原创 2022-05-31 15:38:38 · 1713 阅读 · 0 评论 -
ant Design的Form组件实现通过实例设置嵌套表单项的值
情况描述官方的下图例子中,点击Fill form可以填充表单内容代码如下:表单内容<Form.Item name="note" label="Note" rules={[{ required: true }]}> <Input /></Form.Item><Form.Item name="gender" label="Gender" rules={[{ required: true }]}> <Select placehol原创 2021-12-27 13:58:10 · 1822 阅读 · 0 评论 -
Dva脚手架设置端口号未生效问题解决
公司的老项目改写,发现项目启动后是8000端口(众所周知,dva默认启动端口号为8000)但是项目中使用的全部都是8005端口,查看package.json发现,之前的开发人员手动设置了端口为8005但是启动项目的时候没生效。同事反映发现,window的端口生效,mac不行查找文档发现,是mac的配置语法与window不同,导致的mac未生效除此之外,还发现了兼容不同系统的指令cross-env PORT=3000 roadhog server注意若使用默认的端口8000,当端口被占用原创 2021-12-23 18:08:53 · 816 阅读 · 0 评论 -
大文件分片上传功能实现
前言本文章只是对开发过程的记录,点击查看完成代码该使用组件说明: 点击查看组件使用说明内部使用组件信息: Plupload中文文档起因公司业务需要上传较大文件,但是接口不支持超过50M的文件上传。于是需要前端在上传时进行切片处理。前端采用的技术是react + antDesign,查找了antd的官法文档,发现Upload组件没有文件分片的功能。在npm上根据react 和upload为关键字进行查找,找到了react-plUpload包。下载安装后,发现无论是样式效果还是功能实原创 2021-10-22 17:02:10 · 667 阅读 · 2 评论 -
plupload-antd-react大文件分片上传组件使用
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2021-10-22 09:44:20 · 1390 阅读 · 4 评论