![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 95
二十一块石头
正在努力中..........
展开
-
React学习七(React Hooks)
文章目录一、为什么会有Hooks一、为什么会有Hooks&bbsp;&bbsp;&bbsp;&bbsp;&bbsp;&bbsp;React的组件创建方式,一种是类组件,一种是纯函数组件,并且React团队希望,组件不要变成复杂的容器,最好只是数据流的管道。开发者根据需要,组合管道即可。也就是说组件的最佳写法应该是函数,而不是类。纯函数组件有着类组件不具备的多种特点:①纯函数组件没有状态②纯函数组件没有生命周期③纯函数组件没有this...原创 2022-03-18 14:51:56 · 1052 阅读 · 0 评论 -
React学习六(Ant Design of React)
文章目录一、特性二、使用过程1、安装2、antd引用三、antd的组件库1、Button按钮 antd 是基于Ant Design设计体系的 React UI 组件库,主要用于研发企业级中后台产品,来自于“蚂蚁金服”。一、特性①提炼自企业级中后台产品的交互语言和视觉风格。②开箱即用的高质量 React 组件。③使用 TypeScript 开发,提供完整的类型定义文件。④全链路开发和设计工具体系。⑤数十个国际化语言支持。⑥原创 2022-03-17 16:37:53 · 1893 阅读 · 0 评论 -
React学习五(页面路由)
文章目录一、前端路由二、hash模式三、history模式四、两种路由方式的差异五、React的页面路由模块:react-router-dom的使用1、安装2、实现路由模式的组件(决定路由模式)3、Route组件4、Router组件5、Link和NavLink组件(1)Link组件(2)NavLink组件6、Redirect组件7、Switch组件8、withRouter组件9、404视图六、react-router-dom实现路由示例一、前端路由1、从用户的角度看,前端路由主要实现了两个功能(使用a原创 2022-03-16 16:30:19 · 2927 阅读 · 0 评论 -
React学习四(axios、fetch的使用)
文章目录一、axios模块1、使用方法(1)axios的安装(2)五种请求①get请求不带参数带参数②post请求不带参数带参数③put请求④patch请求⑤delete请求3 、axios 的响应结构二、fetch1、fetch模块2、fetch的基本使用3、在.then里面第一个回调函数中处理response4、fetch与axios的区别一、axios模块 axios 是一个基于 promise 的 HTTP 库,可以用在浏览原创 2022-03-15 19:42:33 · 1217 阅读 · 0 评论 -
React学习三(React的事件处理)
文章目录一、React事件处理二、React中的事件处理函数1、使用ES6的箭头函数(1)在render中使用箭头函数(2)使用class fields语法2、在constructor函数中bind3、在render函数中使用bind4、注意三、事件处理中传参1、直接传递参数2、使用data属性一、React事件处理 React元素的事件处理和DOM元素的很相似,但是有一点语法上的不同:①在React中事件的命名采用驼峰命名法,而原创 2022-03-14 21:15:56 · 1775 阅读 · 2 评论 -
React学习二(组件详解)
文章目录一、React数据流二、组件的三大特性1、属性(props)(1)React Props默认值与标签属性限制(2)应用-React组件切分与提取2、状态(state)(1)state的定义(2)更新状态3、生命周期(1)挂载(2)数据更新过程(3)卸载一、React数据流 在 React 中,数据是自顶向下单向流动的,即从父组件到子组件。 state 与原创 2022-03-12 20:46:15 · 1477 阅读 · 0 评论 -
React学习一(初识React)
文章目录前言一、React 基础知识1、什么是React2、Virtual DOM3、函数式编程4、JSX 语法(1)概念(2)JSX 基本语法①XML 基本语法②元素类型③元素属性④JavaScript 属性表达式⑤表达式二、React开发环境的搭建1、基本应用(传统应用)2、脚手架开发三、React组件1、React组件的构建2、React 组件的构建方法(1)React.createClass(2)ES6 classes(3)无状态函数四、React的渲染机制五、React优势前言参考资料:《深原创 2022-03-12 15:51:56 · 1496 阅读 · 0 评论