logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

react 中如何自定义hooks

首相要知道自定义hooks的目的是什么,区别于自定义组件自定义hooks最大的好处就是可以 逻辑复用1. 自定义 Hooks 是一个函数,约定函数名称必须以 use 开头,React 就是通过函数名称是否以 use 开头来判断是不是 Hooks2. Hooks 只能在函数组件中或其他自定义 Hooks 中使用,否则,会报错!3.自定义 Hooks 用来提取组件的状态逻辑,根据不同功能可以有不同的参

#react.js#javascript#前端
react中副作用函数(useEffect)详解

先简单说一下常见的useEffect使用方式 三种useEffect(() => {// 副作用函数的内容})每次更新之后都要执行--------------------useEffect(() => {// 副作用函数的内容}, [])初始化页面时 只执行第一次--------------------useEffect(() => {// 副作用函数的内容}, [依赖项]) /

#react.js#前端#javascript
react在非组件环境下获取路由信息(history模式进行跳转)

非组件环境下获取路由信息和, 实现一个简单的路由登录拦截

文章图片
#react.js#javascript#前端
eslint配置项(react项目)-eslint报错

这是我自用的配置项,有需要的可以按需复制1.当前根路径下 .vscodesetting.json文件配置{"eslint.run": "onType","eslint.options": {"extensions": [".js", ".vue", ".jsx", ".tsx"]},"editor.codeActionsOnSave": {"source.fixAll.eslint": true}

#vue.js#前端#javascript
react中redux的使用

Redux 是 JavaScript 应用的状态容器,提供可预测的状态管理。类似于vuex但Redux并不只为react应用提供状态管理, 它还支持其它的框架。使用前,最好先建一个store文件夹,来管理Redux中的状态注意: redux可以无视组件层级,对于组件系统来说,redux就是一个第三方的,全局的变量友情提醒! 一般项目中都是redux和 react-redux 来搭配使用的,这两者是

文章图片
#react.js#javascript#前端
vue项目打包上线

vue项目打包之后会得到dist目录 该目录下有三个文件,是上传到服务器所需的如果希望可以双击打开index.html,则需要提前在vue.config.js中配置{publicPath: './'}打包优化-路由懒加载{path: '/login',component: () => import('@/views/login/index'),hidden: true},一个路由对一个组件,

文章图片
#vue.js#前端#javascript
到底了