【React基础到进阶&Hooks】
文章平均质量分 83
React基础系列
不停喝水
Web. Write Less,Do More
展开
-
【React基础】 => [04] React原理揭秘&React路由基础
现代的前端应用大多数是SPA(单页应用程序),也就是只有一个HTML页面的应用程序。因为它的用户体验更好、对服务器压力更小,所以更受欢迎。为了有效的使用单个页面来管理多页面的功能,前端路由应运而生。前端路由功能:让用户从一个视图(页面)导航到另一个视图(页面)前端路由是一套映射规则,在React中,是URL路径与组件的对应关系使用React路由简单来说,就是配置路径和组件。原创 2022-09-27 14:04:28 · 202 阅读 · 0 评论 -
【React基础】 => [03] 生命周期&render props模式&高阶组件&原理揭秘
意义:组件的生命周期有助于理解组件的运行方式,完成更复杂的组件功能、分析组件错误原因等组件的生命周期: 组件从被创建到挂载到页面中运行,再到组件不在时卸载的过程生命周期的每个阶段总是伴随着一些方法调用,这些方法就是生命周期的钩子函数构造函数的作用:为开发人员在不同阶段操作组件提供了实际思考:如果两个组件中的部分功能相似或相同,该如何处理?处理方式:复用相似的功能复用什么?state操作state的方法两种方式:render props模式高阶组件(HOC)原创 2022-09-27 13:54:58 · 174 阅读 · 0 评论 -
【React项目】=> [01] 项目演示&项目搭建&antd-mobile的TabBar使用
【React项目】从0搭建项目,项目准备和基础构建原创 2022-09-27 00:33:55 · 1205 阅读 · 1 评论 -
【React】npm install 报错 :npm ERR! code UNABLE_TO_VERIFY_LEAF_SIGNATURE npm ERR! errno UNABLE_TO_VERIFY
npm install 报错 :npm ERR! code UNABLE_TO_VERIFY_LEAF_SIGNATURE npm ERR! errno UNABLE_TO_VERIFY原创 2022-09-21 15:13:08 · 1683 阅读 · 0 评论 -
【React基础】=>[02] 受控组件&评论案例&props&context
React组件 目标 能够知道受控组件是什么 能够写出受控组件 了解非受控组件 表单处理 受控组件(★★★) HTML中的表单元素是可输入的,也就是有自己的可变状态 而React中可变状态通常保存在state中,并且只能通过setState() 方法来修改 React讲state与表单元素值value绑定在一起,有state的值来控制表单元素的值 受控组件:值受到react控制的表单元素 使用步骤 在state中添加一个状态,作为表单元素的value值 给表单元素绑定change事件,将表单元素的原创 2021-03-02 23:21:41 · 77 阅读 · 0 评论 -
【React基础】=>[01] React基本使用-脚手架搭建-JSX-组件
React基础知识点 目标 能够说出React是什么 能够说出React的特点 能够掌握React的基本使用 能够使用React脚手架 什么是React (★★★) React是一个用于构建用户界面的javaScript库,起源于facebook的内部项目,后续在13年开源了出来 特点 声明式 你只需要描述UI看起来是什么样式,就跟写HTML一样,React负责渲染UI 基于组件 组件时React最重要的内容,组件表示页面中的部分内容 学习一次,随处使用 使用React可以开发Web应用,使原创 2021-02-27 13:47:38 · 352 阅读 · 0 评论 -
【React基础】=>[01] 基本使用 JSX 组件
1.什么是react 1.用于构建用户界面的JavaScript库,相当于一个view层 2.facebook团队创建的 3.声明式:只要描述UI看起来是什么样式,就跟写html一样,react负责渲染ui 组件:组件表示页面中的部分内容 4.学习一次,随处使用 2.基本使用 1.npm i react react-bom 2.引入js文件 3.创建元素节点 a元素名,b元素属性,c传递的是个对象,元素内容 const title = React.createElement("h1",null,"hello原创 2020-11-30 23:59:33 · 644 阅读 · 0 评论