![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react 奇怪的库
文章平均质量分 51
嘻喽喽喽
这个作者很懒,什么都没留下…
展开
-
html2canvas+jsPDF将页面DOM输出为PDF
客户端 Safari 和 iPhone Safari 支持得最好,其次是 Opera 和 Windows 下的 Firefox 3 等。的,因此可能不会 100% 精确到真实的表示,因为它不会生成实际的屏幕截图,而是基于。服务器端可以完美运行。原创 2022-09-30 14:20:47 · 642 阅读 · 1 评论 -
react-copy-to-clipboard 复制内容到剪贴板的库
有时在项目中需要将一些口令复制到用户的剪贴板,这时候就可以使用这个react库:react-copy-to-clipboard导出标签:CopyToClipboardAPI: 要复制到剪贴板的文本 可选回调,将在复制文本时调用;onCopy(text,result) :如果复制成功则返回,否则返回。 可选的复制到剪贴板选项。 实例:...原创 2022-07-05 14:18:50 · 1916 阅读 · 0 评论 -
react-router 的withrouter高阶组件
在react-router中,只有通过Router渲染出来的组件中才会有history、location、match 三个对象,但是会存在需求让我们在非路由组件中进行路由跳转,withRouter的作用就是:把不是通过路由切换过来的组件中,将react-router 的 history、location、match 三个对象传入props对象上当然啦,withRouter(v6版本弃用了),换成了直接用useNavigate (强行hooks起来!!!!)类组件是成版本弃子了吗……...原创 2022-03-28 21:00:47 · 1081 阅读 · 1 评论 -
antd表单按钮验证置灰
1.初始置灰componentDidMount() { // To disabled submit button at the beginning. this.props.form.validateFields(); }2.置灰不显示报错判断是否有错和输入框是否有空 hasErrors = (fieldsError) => { return Object.keys(fieldsError).some(field => fieldsError原创 2022-03-15 14:09:22 · 1917 阅读 · 0 评论 -
axios的常见封装(基于react,嘿嘿有点浅显……但会慢慢迭代)
在看GitHub项目的时候,我项目clone完安装完依赖跑起来,第一步我会去看看这个项目的请求request、route配置、权限管理等。这个文章讲的是看的几个项目的request的封装方式。一、引入请求库,配置基础请求首先就是引入相应的库:import Axios, { AxiosInstance, AxiosTransformer } from 'axios'; import qs from 'qs'; //请求数据格式化的库import { createBrowserHistor原创 2022-02-26 22:26:34 · 606 阅读 · 0 评论 -
react-cookie一个方便于我们操作cookie的react库
原生js的cookie操作并不友好,多数情况下需要我们自己封装。比如在项目国际化的时候,常需要将语言类型存储在cookie中。这就要推荐一下我今天的这个react操作cookie的库—— react-cookie下载依赖:cnpm install react-cookies --save-dev 或者:yarn add react-cookie使用 import cookie from 'react-cookies'; 引入cookie的存取和删除:cookie.save(..原创 2022-02-10 21:12:19 · 3461 阅读 · 1 评论 -
防抖和节流及其简单实现(react为例)
防抖和节流可以节省资源,减小服务器端压力,提升用户体验。在日常开发中,我们经常会有这样的需求:监听用户的输入(keyup、keydown)、浏览器窗口调整大小和滚动行为(resize)、鼠标的移动行为(mousemove)等。如果这些事件一触发我们就执行相应的事件处理函数的话,那将会造成较大的资源浪费或者给用户带来不好的体验。这时防抖和节流就派上用场了!!一、防抖:防抖:触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间。思路:每次触发事件时都取消之前的延时调原创 2022-02-07 21:58:20 · 1883 阅读 · 0 评论 -
react-router-dom v5到v6改变了哪些属性
前言18 年初,React Router的主要开发人员创建一个名为Reach Router的轻量级替代方案。原来是相互抗衡的,却没想React Router直接拿来合并(真香!)目前v6已是测试最后一版,估计新的特性不出意外就是下面这些了: <Switch>重命名为<Routes>。 <Route>的新特性变更。 嵌套路由变得更简单。 用useNavigate代替useHistory。 新钩子useRoutes.转载 2022-01-04 16:09:22 · 498 阅读 · 0 评论 -
classnames:react官方推荐的动态引入类名的库
我们在react开发写scss时,可能会遇到要为一个标签动态添加多个类,但是在这个时候,原生的react会报错:<div className={styles.class1 styles.class2}</div> //报错这时候可以引用官方推荐的动态引入类的库:classnames。npm install classnames --save || yarn add classnames<Button className={classnames({ ...原创 2022-01-08 21:42:43 · 978 阅读 · 0 评论