eslint是一个代码检查工具，用来检查你的代码是否符合指定的规范 1.ESLint-自定义规则 在项目根目录下面，有一个.eslintrc.js文件，它是对eslint进行配置的，其中有一个属性是专门用来设置自定义代码规则的：rules module.exports = { root: true, // 当前项目使用这个配置文件, 不会往父级目录找.eslintrc.js文件 env: { // 指定eslint启动环境(vuecli底层是node支持), browser: tr

React的过渡动画 过渡动画库的介绍 在开发中，我们想要给一个组件的显示和消失添加某种过渡动画，可以很好的增加用户体验。 当然，我们可以通过原生的CSS来实现这些过渡动画，但是React社区为我们提供了react-transition-group用来完成过渡动画。 React曾为开发者提供过动画插件 react-addons-css-transition-group，后由社区维护，形成了现在的 react-transition- group。 这个库可以帮助我们方便

请求出现"Content type 'application/octet-stream‘not supported“错误 错误描述： Content type 'application/octet-stream‘not supported，即内容类型’application/octet-stream '不支持。由此可见，我们这里传的参数需要’application/octet-stream’类型支持。octet-stream：任意二进制流数据。application/octet-strea

前言 博主主页👉🏻蜡笔雏田学代码 专栏链接👉🏻React专栏 之前学习了react-router-dom5版本的相关内容 参考文章👉🏻React路由组件传参的三种方式和 【React路由】编程式路由导航 回顾上篇文章👉🏻【React Router 6 快速上手一】，今天来学习react-router-dom6版本的另一些相关知识！ 感兴趣的小伙伴一起来看看吧~🤞 1. 向路由组件传递params参数：useParams() 在v5版本中，路由组件传递参数方式有三种

版本：v3.26.3 react系列有一大堆的组件，可以在ant design官网的，社区精选组件里面看到 一、简介 antd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。 ✅ Ant Design：用空格分隔的首字母大写单词，指代设计语言。 ✅ antd：全小写，指代 React UI 组件库。 ✅ ant.design：特指 ant.design 网站网址。

React的高阶组件 高阶组件基本介绍 什么是高阶组件呢? 在认识高阶组价之前, 我们先来回顾一下什么是高阶函数? 相信很多同学都知道(听说过?)，也用过高阶函数 高阶组件和高阶函数它们非常相似的 高阶函数的定义, 至少满足以下条件之一: 接受一个或多个函数作为参数; 返回一个新的函数; JavaScript中比较常见的filter、map、reduce都是高阶函数。 那么什么是高阶组件呢? 高阶组件的英文是 Higher-Orde

上篇文章学习了 React路由组件传参的三种方式 本篇文章学习学习 编程式路由导航及相关知识点，感兴趣的小伙伴可以来个三连哦~ 🌷路由的push与replace push模式是栈的常规模式，可以回到上一级，会留下痕迹 replace模式是替换模式，会替换掉栈顶的路由，回不到上一级，不会留下痕迹（无痕模式），适用于登录后，不需要重新回到登录页。 开启方法： <Link replace={true} to={{ pathname: '/ho

前言 😎😎欢迎来到我的博客😎😎📔博主是一名大学在读本科生，主要学习方向是前端😊。 🍭目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏🤩 🛠目前正在学习的是🔥 R e a c t 框 架 React框架 Rea

React列表渲染 真实开发中我们会从服务器请求到大量的数据，数据会以列表的形式存储: 比如歌曲、歌手、排行榜列表的数据; 比如商品、购物车、评论列表的数据; 比如好友消息、动态、联系人列表的数据; 在React中并没有像Vue模块语法中的v-for指令，而且需要我们通过JavaScript代码的方式组织数据，转成JSX: 很多从Vue转型到React的小伙伴非常不习惯，认为Vue的方式更加的简洁明了; 但是React中的JSX正是因为和JavaScript

Redux Hooks Redux中Hooks介绍 在之前的redux开发中，为了让组件和redux结合起来，我们使用了react-redux库中的connect: 但是这种方式必须使用高阶函数结合返回的高阶组件; 并且必须编写:mapStateToProps和 mapDispatchToProps映射的函数, 具体使用方式在前面文章有讲解; 在Redux7.1开始，提供了Hook的方式，在函数组件中再也不需要编写connect以及对应的映射函数了 useSe

useEffect的详细解析 useEffecf基本使用 书接上文, 上一篇文章我们讲解了State Hook, 我们已经可以通过这个hook在函数式组件中定义state 我们知道在类组件中是可以有生命周期函数的, 那么如何在函数组件中定义类似于生命周期这些函数呢? Effect Hook 可以让你来完成一些类似于class中生命周期的功能; 事实上，类似于网络请求、手动更新DOM、一些事件的监听，都是React更新DOM的一些副作用(Side Effec

React脚手架工具 脚手架工具解析 如果我们只是开发几个小的demo程序，那么永远不需要考虑一些复杂的问题: 比如目录结构如何组织划分; 比如如何管理文件之间的相互依赖; 比如如何管理第三方模块的依赖; 比如项目发布前如何压缩、打包项目; 等等… 但是现代的前端项目已经越来越复杂了: 不会再是在HTML中引入几个css文件，引入几个编写的js文件或者第三方的js文件这么简单; 比如css可能是使用less、sass等预处理器进行编写，我