React
文章平均质量分 76
这个作者很懒,什么都没留下…
展开
-
HOOKS函数扩展
1.什么是HOOKReact组件中系统内建的功能组件,是16.8版本新增的特性,用于支持函数式组件开发时,组件的专改数据的添加和生命周期的管理核心:服务函数式组件功能:状态管理模式功能2:生命周期场景:由于函数式组件声明语法的特点,在代码量上要由于类组件,多以对于一些简单的组件开发,对于数据管理和生命周期使用较为轻量级的组件,有着天然的优势,需要注意的是这个技术是框架开发中的新特性,得到技术在大部分项目中使用成熟之后才可能会在自己的项目中采用2.State HookState Hook中支原创 2021-12-15 09:41:35 · 270 阅读 · 0 评论 -
React-redux
Redux解耦合React项目中使用Redux管理状态数据,导致组件中出现了大量store.method调用方式,让两个不同技术之间的代码的耦合度太高,不利于后期项目的维护react提供了一个模块:react-redux,转么用于解耦合react组件,redux状态管理模式Provider: 提供者的意思,提供数据管理桥梁,让redux中的数据可以在react组件中按照固定语法直接使用,避免大量的代码耦合固定语法:将Provider组件包裹在React应用的根组件外部import Provid原创 2021-12-14 23:55:03 · 457 阅读 · 0 评论 -
React状态管理
1.什么是reduxRedux不是专门给React服务的,它是一个JavaScript应用的状态容器,提供了可预测的状态数据管理方案/管理模式,可以让开发的应用行为更为稳定且可预测,同时还可以应用于不同的环境(客户端、服务器、原生应用),并且易于测试Redux特点状态数据可控:状态数据按照提供的通用组件和函数完成管理,数据的CRUD操作都会被监听和同步数据集中管理:数据集中管理实现了数据和业务的分离,方便数据项的扩展和独立维护专业调式工具: Redux Devtools可以通过可视化方式完成数据原创 2021-12-14 21:24:22 · 701 阅读 · 0 评论 -
React异步请求
1.axios异步请求基本语法axios({ url: 请求地址, method:请求方式, data: {POST参数}, params: {GET参数}, headers: {请求头}}).then(response=>{ console.log(response服务器返回数据)})axios.get(url,{params:{get参数}}.then(response=>处理服务器返回数据))axios.post(url,{post参数}).then(respon原创 2021-12-14 17:23:03 · 2368 阅读 · 0 评论 -
React动画和路由
1.过渡动画React并没有提供过渡动画操作,组件的过渡动画需要依赖第三方模块:transition安装yarn add react-transition-group单元素过渡动画import {CSSTransition} from 'react-transition-group'...<CSSTransition in={布尔值,控制单元素显示/隐藏} timeout={动画持续事件,单位毫秒} unmountOneExit={布尔值,元素隐藏后卸载,必选} className="原创 2021-12-14 16:47:52 · 580 阅读 · 0 评论 -
React高级语法
1.脚手架脚手架是一个提供了操作命令的工具插件,可以通过执行命令快速构建项目标准结构React脚手架facebook团队结合React项目的特性,提供了一个脚手架create-react-app脚手架一般都是一个插件、模块的形式的存在,一般需要安装全局依赖才能正常使用:facebook结合项目依赖推出了自己的项目依赖管理工具:yarn,用于优化项目中依赖模块的链条,操作React项目时为了避免依赖模块的版本出现问题,建议使用yarn管理项目安装脚手架npm install yarn -gy原创 2021-12-14 00:01:57 · 419 阅读 · 0 评论 -
React基础
1.概述React是facebook公司研发的、以声明式UI视图结构为核心、完全独立的组件化开发的方式,通过单向数据流完成数据在DOM中的渲染,结合组件和视图快速完成前端项目的重量级开发框架React的优点声明式的UI视图结构,虚拟DOM的前身完全独立的组件化开发React单向数据流,本质上就是数据的单向绑定React有着非常丰富的第三方社区入门级应用<!DOCTYPE html><html lang="en"><head> <met原创 2021-12-13 21:09:25 · 140 阅读 · 0 评论