logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

react-intl国际化踩坑记录

最近的项目中有国际化的需求,经过调研之后决定使用react-intl进行。特地记录一下开发中需要注意的点及踩过的坑。1.在class组件中如何使用以及ts类型的声明通常在函数组件中我们直接通过useIntl这个钩子函数来使用,但是在class组件中是没法使用钩子函数的。这个时候就需要用到react-intl提供的另外一个方法injectIntl。具体使用方法如下// 定义的props要继承reac

#reactjs#typescript#前端
关于react路由传参跳转后刷新页面参数消失

在antd项目的开发中使用的路由是react-Router的路由,在使用是经常出现刷新当前页面后参数消失导致显示错误的问题:解决办法:1.最开始我的解决办法是将参数放在search参数先,然后通过截取地址栏来获取。(不推荐)<Link to={{pathname:'url',search:'参数1',query:{'参数2'}}}></Link&g

关于antd+react的初学之路

公司最近在向react+antd框架进行转型,之前没有接触过这类模块化开发的框架,所以最近一直在学这个东西,忙到忘了更新博客,现在终于稍微有点理解了,总结一下自己遇到的一些坑:使用的脚手架是dva-cli,模板的话是antd-admin-pro。1. ./src/router.js是页面整体的路由配置,格式都是固定的,需要注意的就是两点1.中括号里面的是你需要加载的model的文件名(...

使用vite+react搭建项目踩坑记录

vite+react搭建项目,这些坑一定要注意了

#react.js#javascript#前端
顺序播放几段音频

开发的时候遇到的问题,有三段音频,需要按照一定的顺序进行播放。原理的话就是监听Audio对象的ended事件,触发时更换播放资源,然后播放,下面是代码:export const playWithOrder = (playArr) => {if(playArr.length === 0) return;// 创建Audio对象 设置对象属性const aud...

关于echarts中Y轴左侧文字显示不全的解决办法

今天在项目的开发中遇到的一个问题,echarts Y轴左侧的文字太多了,显示不全,由于这个问题网上的解决办法相对较少,所以记录一下。先说一下网上的版本:1.调整grid下的left属性,说白了就是调整y轴与左侧的距离,大了就能显示更多的文字grid:{top:48,left:400,// 调整这个属性right:50,bottom:50,}...

#echarts
到底了