
react
咕咚咕咚咚
这个作者很懒,什么都没留下…
展开
-
Antd Design Pro二级菜单不显示icon问题
Antd Design Pro二级菜单不显示icon问题ant pro配置全局layout原创 2022-04-22 16:08:24 · 5147 阅读 · 5 评论 -
React Redux入门
此文根据【Redux中文官网】文档记录笔记入门Redux 是一个使用叫做“action”的事件来管理和更新应用状态的模式和工具库 它以集中式Store(centralized store)的方式对整个应用中使用的状态进行集中管理,其规则确保状态只能以可预测的方式更新。我们应该什么时候使用?在应用的大量地方,都存在大量的状态 应用状态会随着时间的推移而频繁更新 更新该状态的逻辑可能很复杂 中型和大型代码量的应用,很多人协同开发Redux库和工具Redux 是一个小型的独立 JS 库原创 2022-03-24 11:40:37 · 1655 阅读 · 0 评论 -
React Router v6 路由配置,嵌套路由
React Router v6 路由基础配置原创 2022-03-22 11:52:35 · 7855 阅读 · 0 评论 -
React 全屏监听Esc键
全屏与退出全屏if (isFull) { document.exitFullscreen(); } else { tree.current.requestFullscreen(); tree.current.style.width = '100%' } };监听退出全屏事件退出方式有两种:1.通过上面的requestFullscreen。 2.通过扫esc退出问题:通过requestFullscreen操作可以修改数据状态,但当用户按原创 2021-03-25 11:22:29 · 1920 阅读 · 1 评论 -
umi+dva中,如何全局使用dispatch
umi+dva项目如何在组件以外调用action或者dispatch原创 2020-12-18 10:47:46 · 5089 阅读 · 1 评论 -
html2canvas截图丢失img图片
图片是来自于阿里云服务器的,和本地 localhost 必然存在跨域问题。通过 dom 节点的 'img' 标签来直接访问是没有问题,因为浏览器本身不会有跨域问题。加了 crossorigin 属性,则表明图片就一定会按照 CORS 来请求图片。而通过CORS 请求到的图片可以再次被复用到 canvas 上进行绘制。换言之,如果不加 crossorigin 属性的话,那么图片是不能再次被复用到 canvas 上去的。解决办法:1.给img标签加上crossOrigin="anonymous"属性原创 2020-12-16 11:06:14 · 4553 阅读 · 0 评论 -
umi3中约定式路由解决404无效
官方文档如图,经使用发现404无效,打印routes发现数据层有问题,做出对应修改后可正常加载404页面。src/app.tsx中设置如下代码段export function patchRoutes({ routes }) { routes[0].routes.push({ path: '*', component: require('@/pages/404').default, });}...原创 2020-10-30 15:37:35 · 3594 阅读 · 0 评论 -
umi-dva中effects里使用yield call/put当请求Promise接口报错时
如果yield call的是一个Promise对象,那只有在Promise返回的是resolve方法的情况下,下面跟着的yield put及后面的代码才会执行,若返回了rejector则后面的代码则全部停止执行。// models/mdeical.ts文件:* fetchMedicalLast({ payload }, { call, put }) { const { medicalIndexList } = yield call(api.medical.fetchMedicalLas原创 2020-10-29 10:32:26 · 8000 阅读 · 0 评论 -
browserHistory和hashHistory的区别
browserHistory和hashHistory的区别:两者的区别简单来说是对路由方式的处理不一样,hashHistory 是以 # 后面的路径进行处理,通过 HTML 5 History 进行前端路由管理,而 browserHistory 则是类似我们通常的页面访问路径,并没有 #,通过服务端的配置,能够访问指定的 url 都定向到当前页面,从而能够进行前端的路由管理。所以如...原创 2019-08-02 11:42:01 · 783 阅读 · 0 评论 -
解决create-react-app创建项目后,执行npm run eject再执行npm start报错
错误信息:Cannot find module babel-preset-react-app/node_modules/@babel/runtime/helpers/slicedToArrayTry: npm add @babel/runtime原创 2019-06-14 11:55:51 · 1275 阅读 · 0 评论