随笔分类 - react
摘要：0. 缘起 要做一个自定义快捷键的功能，web 端实现。这里分为两块逻辑，一部分是快捷键的应用，一部分是快捷键的定义。先从应用说起，快捷键实际上是对浏览器按键动作的监听，不过由于浏览器本身也有快捷键，就会有冲突的情况，自定义的要求应运而生。快捷键的定义，其实类似于设置的功能，也是存、取两个要点，不多
阅读全文
摘要：缘起 上传和下载是两个经典场景，做项目的时候遇到了这两种情况。 上传 设置上传按钮 const upoadImgCom = () => { return ( <> <label className={styles["upload-button"]} htmlFor="fileInputCompany
阅读全文
摘要：A. 关于getFieldDecorator劫持value 写SingleCurrencySelect的时候，遇到value不一致的情况。当时写的很呆瓜，一直内外value混用，加上类组件极其先进的state与props，我犯了糊涂。 这里一定要给getFieldDecorator自由！（PS:刚刚
阅读全文
摘要：类组件各个部分的功能 // 方法的箭头函数写法（1） class Index extends React.Component { constructor(...arg) { /* 执行 react 底层 Component 函数 */ super(...arg); } state = {}; /*
阅读全文
摘要：目前了解的富文本编辑器 0. 缘起 本来wangEditor这个国产富文本插件用的还不错，但今天线上出现了个问题，我一看，完，去插件官网也复现了，还在issue区域找到了类似的，因为这是个人作品，所以作者并未有空及时修复能够理解。我顺便了解了下别的富文本插件。 1. wangEditor 官网 编辑
阅读全文
摘要：react-color react-color - npm (npmjs.com) https://github.com/casesandberg/react-color 官网教程 React Color (casesandberg.github.io) 实操使用 // index.tsx impo
阅读全文
摘要：KeepAlive&AntdTimePicker 0. 缘起 操蛋的局部全屏组件fscreen，antd的选择器下拉框灵魂仍然存在在原来未全屏的组件中。如果缓存多个页面，需要找到当前页面的父元素来匹配。 1. 找祖宗 部分下拉框需要特殊处理 从当前元素往上寻找bi-layout-canvas-tra
阅读全文
摘要：CopyLink const copyLink = () => { if (navigator.clipboard) { navigator.clipboard.writeText(updateAddress).then(() => { message.success("链接已复制"); }); }
阅读全文
摘要：v3 缘起 1 亿年没写缘起了，但这次我一定要写。Form 表单，让我的眼泪流尽了。数据交互方面，和 React 的 Hooks 还是有点小坑的，尤其是初始化的时候。昨天碰到的问题是，初始化之后，输入框无法输入，选择框无法选择，解决方法是降低层级，FormItem就直接用列表渲染出来。 今天碰到的问
阅读全文
摘要：AES加密 参考网页 前端AES加密 - 知乎 (zhihu.com) 加密 /** * *加密方法 * @param {*} word * @return {*} */ export function Encrypt(word) { const key = CryptoJS.enc.Utf8.pa
阅读全文
摘要：WatchPdf iframe+pdf src // MOCK pdf const [pdfUrl, setPdfUrl] = useState(); const [iframeVisible, setIframeVisible] = useState(false); const [loading,
阅读全文
摘要：tsconfig.json配置相关 **vscode 编辑器只在打开项目工程的时候加载一次 tsconfig.json 的配置信息。 如果正确配置这webpack alias 和 tsconfig.json 这两个文件，且模块确实存在，编译器不报错的情况下，重启一次就好了** include * 需
阅读全文
摘要：0. 缘起 啊好久没写博文了，一方面是没空（换了个萝卜坑），另一方面是刚接触react，有些东西也不知道嘛意思，所以边看边想。最近就遇到这个图片查看器插件和current不会引发组件重新渲染的事儿。 1. images-viewer-react使用要点 1.1 官网 images-viewer-re
阅读全文
浙公网安备 33010602011771号