react
吃柠檬的猫
纯纯的踩坑之旅,分享自己的各种经验
展开
-
js/react取色器/颜色选择器
【代码】取色器/颜色选择器。react+ts+less,手搓的一个react组件,代码简单易懂,方便读写原创 2023-01-30 16:39:24 · 1003 阅读 · 1 评论 -
手搓富文本编辑器组件
左边是我写的其他东西,右边是效果图,图标是项目里面的,你们直接用组件的话可以自己整一套图标,也可以不要,不显示图标而已,图片/视频当然最好是自己去改成自己服务器地址,直接填充url,不然直接是base编码很大,存到数据库不好。这里是用react语法写的,如果你是用于vue的,自己改一下就行了,反正是手搓的,一劳永逸。组件的资源包已上传,审核后会补上地址。index.tsx主文件代码展示。原创 2023-01-04 17:39:12 · 344 阅读 · 0 评论 -
树形组件Tree附带选择check选择框
Tree组件,携带check多选框,闲着的时候就写了一个放在这里,三方组件库的东西总是跟UI会冲突,改起来不方便,数据交互的逻辑也算是轻便易懂,基本上项目需要用的组件都自己写一个,后面即使有其他项目用起来非常方便原创 2022-09-30 14:24:52 · 903 阅读 · 2 评论 -
react+antd拖拽生成/排序自定义配置表单
拖拽生成表单,拖拽排序。自定义表单,配置表单,原创 2022-07-04 14:29:42 · 1706 阅读 · 3 评论 -
react中url变化监听以及清理/修改url的参数
这里记录一下写react项目遇到的url问题:我在页面有一行代码处理:window.history.replaceState({ path: ‘/#/home’ }, ‘’, ‘/#/home’);因为hash模式中,这是不会刷新页面的,清理url参数,然后处理参数触发事件在地址栏中复制粘贴两次一模一样的地址,后面一次不会触发react项目监听,就无法正常运转,window.addEventListener(‘hashchange’, this.checkUrlFn.bind(this));通过原创 2022-02-07 09:48:52 · 3337 阅读 · 0 评论 -
react 重定向继承url参数
这里踩到一个隐性问题,先描述问题:问题:/home,跳转到/details,然后home有代码设定home?id=123456,会获取id,执行请求并跳转到/details,(你们不需提出流程问题,项目相关业务与场景不便解释说明),问题来了,我在home的index.tsx下面有是处理以前的地址正确跳转项目新地址,导致在其他页面输入home?id=123456,触发了重定向,就id丢失了,导致我在home怎么都拿不到id,因为地址输入正常,完全没想到会触发重定向处理:在重定向继承url参数即可<原创 2022-01-18 11:21:16 · 944 阅读 · 0 评论 -
react日期组件DatePicker自定义
组件介绍:1.支持按键上下左右配合enter选择号数(天),年份/月份/小时/分钟暂未开放2.左右按钮切换年份/月份,选中的day会随着更改3.可开启限制功能,当前版本是限制分钟为底限最新时间,开启后不能选之前的时间4.支持选秒,但未开放,5.小时/分钟/秒-可显示配置暂无6.safari适配暂无已上传文件原创 2022-01-04 17:27:46 · 2154 阅读 · 0 评论 -
React 项目开发优化项
React 项目开发优化项,部分标题提供代码链接跳转虽然使用react开发的经验不是非常多,但还是记录一下自己开发时觉得可行的优化项原创 2021-06-08 10:47:39 · 97 阅读 · 0 评论 -
react 路由配置
这是一套react路由配置使用的方案展示,若有不详细明确的地方/或者缺陷可以留言提醒,此方案有路由权限,组件内部权限,菜单导航权限,懒加载,拦截等多种配置化灵活使用原创 2021-06-08 10:46:09 · 4299 阅读 · 1 评论 -
自定义消息提示message
这个组件,antd是有的,因为项目要求的两个原因自定义1:antd的message即使你设定消失时间1秒,鼠标悬浮在消息上,消息就不会消失2:ts模式下,antd组件库的message组件的type(填任意一项就会有图标)为必填项,本项目不需要图标Message.ts/* * @Name:自定义消息提示-会议中黑色版 * @Author: 刘强 * @Date: 2021-05-26 15:06:32 * @LastEditors: 刘强 * @LastEditTime: 2021-05.原创 2021-05-31 17:04:39 · 2676 阅读 · 0 评论 -
react +mobx刷新页面数据恢复默认值问题
说实话之前我去百度一堆,就只看到一种方式,实在不好用,并且可用的博文又少,都是粘贴复制的文章,我都懒得看了,我就自己写了一套方案出来,觉得还不错在这里分享一下首先主要是者两个文件home.js是我们要用的store,server.js是附加的保存数据的关键文件home.jsimport { observable,action} from "mobx"import { getVal,setVal} from "./server"//新增的配置class HomeStore { @obs原创 2020-09-27 15:20:02 · 1927 阅读 · 1 评论