React学习笔记

React 简介 React 是什么 ⽤于构建⽤户界⾯的 JavaScript 库,举个例⼦ 1.发送请求获取数据。2.处理数据。 3.操作DOM呈现⻚⾯。React 只负责第3步

组件 组件定义：⽤来实现局部功能效果的代码和资源的集合(html/css/js/image等等)。 组件作用：复⽤编码, 简化项⽬编码, 提⾼运⾏效率。 React提供了两种创建组件的⽅式: 函数式组

什么是State      React是由数据驱动的一个框架，数据发生变化，页面就会发生变化，数据来自组件外部的props或组件内部的state。而保存在组件state中的数据仅供组件内部使用。 函数

类中的this指向 问题描述 思考：按理说this应该指向顶层的window对象，但是此时this为undefind 原因：由于class的内部，开启了局部严格模式use strict，所以this不

类式组件中的props 1.类式组件中props基本使用 1.在使用组件的地方，传入参数或方法作为组件属性 2.在组件内部，通过this.props接收参数 $\color{red}test$ 2.批

什么是ref 组件内的标签可以定义ref属性来标识⾃⼰，然后通过ref标识来获取dom元素，进而操作dom元素(react中不提倡过多操作dom)。 ref的三种创建方式 1.字符串形式的ref 2.

一、事件处理 通过onXxx属性指定事件处理函数(注意⼤⼩写) React使用的是自定义(合成)事件, 而不是使用的原生DOM事件 中的事件是通过事件委托方式处理的(委托给组件最外层的元素) 通过ev

一、函数柯里化 函数柯里化：通过函数调用，继续返回函数的方式，实现多次接收参数，最后统一处理的函数编码方式 代码演示： 二、高阶函数 高阶函数：如果一个函数满足两个条件之一，就是高阶函数 函数返回值，

一、什么是组件的⽣命周期? 组件从创建到死亡它会经历⼀些特定的阶段。 React组件中包含⼀系列勾⼦函数(⽣命周期回调函数), 会在特定的时刻调⽤。 我们在定义组件时，会在特定的⽣命周期回调函数中，做

在React 17版本中对生命周期函数的调整 这三个钩子函数可能会被废弃 componentWillMount componentWillUpdate componentWillReceiveProp

经典面试题: react/vue中的key有什么作用？（key的内部原理是什么？） 为什么遍历列表时，key最好不要用index? 代码示范： 代码运行后，向列表第一行位置添加一条人员信息，列表展示如

初始化react脚⼿架 一、react脚⼿架介绍 脚⼿架: ⽤来帮助程序员快速创建⼀个基于xxx库的模板项⽬ 包含了所有需要的配置（语法检查、 jsx编译、 devServer…） 下载好了所有相关的

为什么需要配置代理     在开发过程中，我们是通过node启动了一个前端服务来运行我们的前端项目，当我们需要向后端发起网络请求的时候由于浏览器的同源策略，导致发送网络请求失败，这个时候就需要配置代理

React Ajax React本身只关注于界面, 并不包含发送ajax请求的代码 前端应用需要通过ajax请求与后台进行交互(json数据) react应用中需要集成第三方ajax库(或自己封装)

消息订阅与发布 react中的消息订阅与发布是一种组件间通信的方式，适用于任意组件间通信。包括父子组件，祖孙组件。 一、安装 二、使用 1.引入: 2.订阅: 3.发布: 代码案例： 发布消息： 订阅

React Router React Router 是一个基于 React 之上的强大路由库，它可以让你向应用中快速地添加视图和数据流，同时保持页面与 URL 间的同步。 前端路由原理       

hash 模式 这里的hash就是指url后的#号以及后面的字符，比如说"https://www.baidu.com/#dhoarhiqw9uw",其中“#dhoarhiqw9uw”就是hash值。

一、react-router简单介绍 1.react-router的理解 react的一个插件库。 专门用来实现一个SPA应用。 基于react的项目基本都会用到此库。 2.react-router相

React Hook/Hooks是什么? Hook是React 16.8.0版本增加的新特性/新语法 可以让你在函数组件中使用 state 以及其他的 React 特性 三个常用的Hook 1.Sta