react
文章平均质量分 51
热爱前端的小君同学
正在努力学习前端的小白
展开
-
react 富文本组件wangeditor
yarn addwangeditor 代码editor.jsexport const colorData = [ '#FFFFFF', // 白色 '#FF0000', // 红色 '#00FF00', // 绿色 '#0000FF', // 蓝色 // '#FF00FF', // 牡丹红 '#00FFFF', // 青色 '#FFFF00', // 黄色 '#000000', // 黑色 '#70DB93', // 海蓝 // '#5C3317', //.原创 2022-05-09 16:02:59 · 1054 阅读 · 0 评论 -
记录本地测试没问题,测试环境有问题的疑点
modal内关闭当前弹窗,并跳转到新的页面1、尝试过使用promise.thenconst p = function () { console.log('=======2'); return new Promise((resolve, reject) => { console.log('=======3'); handleHistoryModalVisible(false);原创 2022-04-26 19:08:48 · 1309 阅读 · 0 评论 -
react移动端项目使用px2rem适配和antd-mobile按需加载的webpack
config-overrides通过react脚手架[create-react-app]创建的项目,如果需要在项目中配置一些webpack配置,需要在根目录下新建一个名称为config-overrides.js的文件。1、引入react-app-rewired插件 react-app-rewired的作用就是在不eject的情况下,覆盖create-react-app的配置2、安装插件npm install react-app-rewired customize-cra react-app-r原创 2022-03-01 17:47:33 · 1629 阅读 · 6 评论 -
react antd protable内的Input输入框每次输入失去焦点
最后发现是我将rowKey={RndNum};RndNum是一个函数// 获取一组十位数的随机数function RndNum() { var rnd = ''; for (var i = 0; i < 10; i++) rnd += Math.floor(Math.random() * 10); return rnd;}正是因为这个原因,导致我的输入框每次输入一个字符,就会失去焦点。解决办法:rowKey="key",rowKey内直接使用值,而不是传入一个函数.原创 2021-12-27 10:39:34 · 2419 阅读 · 0 评论 -
antd-design-pro实现多页签,切换页签保留缓存,keep-alive
感谢该大佬提供的组件:GitHub - CJY0208/react-activation: Hack <KeepAlive /> for Reactreact 里 keep-alive 的实现目前是黑科技,会有些问题使用过程中遇到问题的话,可以优先看这儿https://github.com/CJY0208/react-activation/blob/master/README_CN.md#breaking-change-%E7%94%B1%E5%AE%9E%E7%8E%B0%E5%.原创 2021-12-21 14:59:26 · 8841 阅读 · 3 评论 -
Ant Design Pro从0-1创建一个项目
创建$ yarn create umi my-appSelect the boilerplate type: 选择 Ant Design Pro❯ ant-design-proWhich language do you want to use? 选择你使用的语言❯ TypeScript JavaScript$ cd my-app$ yarn$ yarn start # 打开浏览器访问 http://localhost:8000移除语言国际化 yarn run i18n-re原创 2021-11-16 11:31:52 · 3936 阅读 · 1 评论