react
开发小白菜
到底是量变造成质变,还是应该抽筋扒皮,吃透原理,事半功倍的好呢?
展开
-
基于antd select使用 open 对下拉菜单进行自由扩展,新增唯一性判断
【代码】基于antd select使用 open 对下拉菜单进行自由扩展,新增唯一性判断。原创 2022-11-15 16:17:38 · 1167 阅读 · 0 评论 -
antd selected标签滚动,突然变成多个一样的的选项
antd selected标签滚动,突然变成多个一样的的选项。查看了一下option的id不唯一,导致下拉项重复。后端返回数据id不唯一,重复。原创 2022-02-21 17:31:43 · 1646 阅读 · 4 评论 -
react-monaco-editor格式化
react-monaco-editor引入import Monaca from 'react-monaco-editor';2、配置const editorDidMountHandle = (editor: any, monaco: any) => { editor.getAction('editor.action.formatDocument').run() //格式化 } <Monaca height={monacaHeight} .原创 2022-01-04 18:49:56 · 6815 阅读 · 7 评论 -
antd form 表单某一个字段校验唯一性,排除重复
需求场景:在一个表格中,code唯一,即新增或者编辑时,需要校验code不可重复<Form.Item name="typeCode" label="详细类型" rules={[{required: false, message: '请输入详细类型'},原创 2021-07-23 11:36:54 · 3576 阅读 · 2 评论 -
antd form初始化initialValues时,改变某一个值
form中正常的初始化值,可以1. 直接修改对应的值,比如<Form form={form} initialValues={{remember: false, account: account}} onFinish={onFinish}></Form>``````xml<Form form={form} initialValues={{['security']: uuid(32, 16)}}></Form>``` **2. 编辑时候,如果有数据且原创 2021-07-23 11:11:23 · 3220 阅读 · 0 评论 -
Cannot find module ‘vs/editor/editor.worker‘
如果出现Cannot find module ‘vs/editor/editor.worker’,是由于monaco-editor和monaco-editor-webpack-plugin版本出现问题,可以分别重新安装指定版本,可以修改为“monaco-editor-webpack-plugin”: “4.0.0”,"react-monaco-editor:“0.40.0”,可以正常使用...原创 2021-07-22 17:32:42 · 3309 阅读 · 0 评论 -
node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/asyncToGenerator
node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/asyncToGenerator,…node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/regenerator,…node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/extend原创 2021-03-17 17:37:09 · 6832 阅读 · 0 评论 -
如何查看某一个依赖当前项目中具体使用的是哪个版本
如何查看某一个依赖当前项目中具体使用的是哪个版本当package.json中,某个依赖使用了^(“兼容版本”),如何快速找到当前依赖在项目中具体使用某一个版本。有利于当版本更新或添加新的一来是,由于版本不同造成的冲突。...原创 2021-03-17 17:26:15 · 4797 阅读 · 0 评论 -
antd 里面下拉框联动
需求:两个下拉框,第一个下拉框切换后,第二个下拉框根据第一个的值改变下拉选项使用shouldUpdate,另外当第一个值改变时,onSelectChange事件中,使用form.setFieldsValue将被关联的值清空(或者其他操作) const onSelectChange = (e, type) => { switch (type) { case 'classCode': return setClassCode(e), form.setFieldsVal原创 2020-11-16 16:17:11 · 2200 阅读 · 0 评论 -
hooks中ant design initialValues shouldUpdate 搭配使用
这里写自定义目录标题hooks中ant design initialValues shouldUpdate Drawer 搭配使用代码块hooks中ant design initialValues shouldUpdate Drawer 搭配使用注意,如果form中使用了preserve,输入框有初始值,点击保存时输入框的值会变成空代码块 <Drawer width={720} visible={props.visible} onClose={() =原创 2020-11-16 16:10:42 · 1182 阅读 · 0 评论 -
react 接收默认值时候,如果没有对应的参数或值,重新赋初始值的写法
hooks是接收默认值时候,如果没有对应的参数或值,重新赋初始值的写法第一种参数是对象:如果父组件传info,打印的值就是 {name:‘溜溜’}。如果父组件没有穿info参数,则打印的info={name:‘666’}第二种参数是string:如果父组件传info,打印的值就是 溜溜。如果父组件没有穿info参数,则打印的 666...原创 2020-11-16 15:14:22 · 802 阅读 · 0 评论 -
antd中,Modal 和Form一起使用时,Form表单清空
第一种:<Modal />默认关闭后状态不会自动清空, 如果希望每次打开都是新内容,请设置destroyOnClose。 <Modal />和 Form 一起配合使用时,设置destroyOnClose也不会在 Modal 关闭时销毁表单字段数据,需要设置<Form preserve={false} /> 参考链接:https://ant.design/components/modal-cn/第二种:如果用hooks,可以在useEf...原创 2020-09-27 17:38:03 · 8641 阅读 · 4 评论 -
Leading decorators must be attached to a class declaration
Leading decorators must be attached to a class declaration原创 2020-04-26 14:38:58 · 6887 阅读 · 0 评论 -
基于react + antd可编辑和拖拽树,editTree,类似elemet ui tree
可以编辑拖拽tree,react+antd tree 类似element ui tree ,可以新增同级和子级,可拖拽原创 2020-04-23 10:36:22 · 6097 阅读 · 5 评论 -
多文件上传并且需要添加其他参数,formData上传报错,Caused by: org.apache.tomcat.util.http.fileupload.FileUploadException:
请求头部需要加上headers:{'Content-Type':'multipart/form-data'},如果用的框架可能不要加上headers:{'Content-Type':'multipart/form-data'},会自动识别并且添加headers如果想要传其他参数,需要用formData.append以key,value形式添加。请求接口的时候,直接把formDa...原创 2020-03-19 19:45:23 · 1246 阅读 · 0 评论