React
文章平均质量分 83
ILove_bugs
less is more
展开
-
React (hooks)
hooks hooks介绍 什么是hooks 不编写类的情况下使用 state(状态) 和其他 React 功能,hooks是在react16.8新增功能 主要解决的问题 1.用于在函数组件中引入状态管理和生命周期方法. 2.取代高阶组件和render props来实现抽象和可重用性. 3.完全脱离'类',便可写出一个全功能的组件. 优点 1.避免在被广泛使用的函数组件在后期迭代过程,需要承担一些副作用,而必须重构成类组件. 2.帮助函数组件引入状态管原创 2021-12-20 19:26:58 · 255 阅读 · 0 评论 -
React ( Action Creator/ ActionTypes/reducer/redux devTools调试工具/react-redux/redux高阶/项目目录设计)
Action Creator:action创建函数是将action作为一个函数进行封装,为了在store和view中进行方便调用 actionCreator = { // changeName是一个函数,是actionCreator的一个方法. // 调用这个方法,就会返回一个对象,这个对象就是action changeName: (name) => ({ type: CHANGENAME, name: name }), changeAge: (age) =&g...原创 2021-12-17 20:22:24 · 329 阅读 · 0 评论 -
React (fetch redux初识 state action reducer getState dispatch .subscribe 取消监听 ActionTypes Action Crea)
axios数据交互 安装axios cnpm i axios --save2.发起http请求 this.axios.get('/api/menulist').then(res=>{ console.log(res); }) this.axios.post('/api/menuedit', {pid: '345sdfj'}).then(res=>{ console.log(res); }) 配置代理之手动配置 安...原创 2021-12-17 16:01:03 · 344 阅读 · 0 评论 -
React 过渡动画 路由 ui
过渡动画 下载react-transition-group cnpm i react-transition-group --save CSSTransition实现单元素过渡动画 (1) unmountOnExit:退出时实现卸载该组件,该属性必须添加 (2) in:控制元素显示状态的 state 状态数据 (3) timeout:过渡动画效果持续时间,单位为毫秒 (4) classNames:指定过渡动画类名前缀(需要自定义两组四个过渡动画需要的 css 类选择器) (5) onEnte原创 2021-12-15 21:19:33 · 1159 阅读 · 0 评论 -
React 生命周期 表单元素处理 ref属性 性能优化 HOC高阶组件
React 生命周期 表单元素处理 ref属性 性能优化 HOC高阶组件原创 2021-12-14 20:42:36 · 830 阅读 · 0 评论 -
React 初识
React第一天 React的初步介绍 react是有facebook公司的前端开发团队进行开发和维护的一套js库 react一切皆组件,all in JS react是用来构建web用户交互界面 react提供一套虚拟DOM(virtual dom),机制 react中facebook专为其提供一套语法糖---jsx 优点: 一切皆组件,在react中几乎全是使用组件进行开发 速度快,react提供了虚拟dom机制, 跨浏览器原创 2021-12-13 20:08:20 · 1596 阅读 · 0 评论