随笔分类 -  react

contenteditable属性，让div也可编辑
摘要：最初我想要一个文本框，所以使用了UI库的textArea组件。后来产品加需求，说需要在文本框里展示图片。 额。文本框怎么展示图片呢？textArea展示不了，但可以用其他方式解决。 想到两种方式，第一种是使用富文本，第二种是使用contenteditable属性，让普通元素也能够编辑。 使用第一种方 阅读全文
posted @ 2021-12-31 15:27 阿凡凡没有提 阅读(878) 评论(0) 推荐(0)
react+antd图片批量上传调一次接口
摘要：react结合ant design做图片批量上传，使用的是ant design的Upload组件。 操作：点击上传图片按钮，批量选中图片，确认上传。 这个时候，antd的处理是，依次上传图片，一张图片调一次接口，选中8张图片，就会调用8次文件上传的接口，现在由于上传调用接口次数较多，于是准备改造成批 阅读全文
posted @ 2021-10-27 17:53 阿凡凡没有提 阅读(2998) 评论(0) 推荐(0)
一些eslint的报红及解决
摘要：1、iterators/generators require regenerator-runtime, which is too heavyweight for this guide to allow them. Separately, loops should be avoided in favo 阅读全文
posted @ 2021-05-21 11:26 阿凡凡没有提 阅读(7499) 评论(0) 推荐(0)
antd树形控件Tree的展开
摘要：使用树形控件做权限管理，打算展开菜单。但是，无论是设置defaultExpandAll，还是defaultExpandedKeys，都没有展开。 原因是，Tree渲染的时候，TreeNode还未渲染。 解决方法，先判断树的数据是否存在，如果存在，则渲染，如果不存在，都不渲染。 { treeData? 阅读全文
posted @ 2021-05-20 09:41 阿凡凡没有提 阅读(2583) 评论(1) 推荐(0)
antd pro v5安装并运行完整demo的方法
摘要：AntDesignPro官网 v5：https://beta-pro.ant.design/index-cn AntDesign官网：https://ant.design/index-cn AntDesignPro的v5版本直接创建的就是一个TS项目。 但是AntDesignPro的组件使用不像An 阅读全文
posted @ 2021-04-22 15:07 阿凡凡没有提 阅读(2870) 评论(0) 推荐(0)
react项目运行在微信公众号
摘要：说明：项目是create-react-app结合antd-mobile写的H5，在微信公众号里运行。 1、使用a标签预览或下载PDF。写法如下，手机上点击无反应，电脑上点击网页崩溃。 <a href='pdf或图片路径'> PDF或图片名称 </a> 原因是浏览器监测到访问非安全访问，给拦截下来了。 阅读全文
posted @ 2021-04-13 14:54 阿凡凡没有提 阅读(425) 评论(0) 推荐(0)
nginx服务器上部署react项目
摘要：hh的nginx文件路径是“/usr/local/nginx” 进入nginx文件：cd /usr/local/nginx 获取管理员权限：sudo su . 修改配置文件: vi nginx.conf 进入编辑模式：i 上翻或下翻：使用键盘的上下箭头 退出编辑模式：ESC 最后退出nginx.co 阅读全文
posted @ 2021-02-24 18:22 阿凡凡没有提 阅读(712) 评论(0) 推荐(0)
react+umi+dva
摘要：1.后台管理列表页，点击新增和编辑的时候都会跳转到另一个页面(下面我把它称为A页面)。 新需求是：在A页面，加一个暂存功能，所有表单里的每一项都是非必填，随时可以暂存。但是点击确认保存的时候表单里所有项都需要校验必填。 问：怎么样才能保证暂存时不校验表单项而确认保存时校验呢？ 思路：拿一个参数（类型 阅读全文
posted @ 2021-01-20 18:18 阿凡凡没有提 阅读(251) 评论(0) 推荐(0)
switch判断中，case后面跟逻辑表达式出错
摘要：let status=1; switch (status) { case 1: console.log("status为1的时候你将做的事"); break; case 2: console.log("status为2的时候你将做的事"); break; case 3: console.log("s 阅读全文
posted @ 2021-01-06 18:30 阿凡凡没有提 阅读(1211) 评论(0) 推荐(0)
react+next.js遇到的问题及解决
摘要：1.使用react-image插件做图片预览，报错：window is not defined。 因为next.js使用的是服务端渲染，没有window。 解决方法是引入的时候，加一个对象 {SSR：false}。 import dynamic from 'next/dynamic' let Zma 阅读全文
posted @ 2020-12-31 16:32 阿凡凡没有提 阅读(1482) 评论(0) 推荐(0)
react+antd一边踩坑一边积累
摘要：1. 适合vue的图表库是echarts react如果要使用图表插件 bizcharts是很好的选择 不过echarts可以更灵活地自定义 2. antd的table组件级联组件可以省市区三级联动 （需结合后端数据） 3. config.js配置页面路由 menu.js里配置菜单栏名字 antd 阅读全文
posted @ 2020-10-28 13:02 阿凡凡没有提 阅读(264) 评论(0) 推荐(0)
构建一个最简单的react程序
摘要：1、定义 react是用于构建用户界面的 JavaScript 库，react主要用于构建UI，官方定义 react是 mvc中的 v（视图），但是由于和vue中的mvvm很相似，于是也有许多开发者认为react是mvvm模式。 2、构建 react的使用和vue一样，大致有两种方式，一是直接引入相 阅读全文
posted @ 2019-11-27 20:38 阿凡凡没有提 阅读(327) 评论(0) 推荐(0)