![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 91
Mr_RedStar
爱摄影、爱学习、爱生活
展开
-
避免重复定义回调函数
在 React 函数组件中,每一次 UI 的变化,都是通过重新执行整个函数来完成的。我们知道,当事件处理函数定义在函数组件内部时,在多次渲染之间,是无法重用事件处理函数的,而是每次都需要创建一个新的回调函数。原创 2022-05-08 23:28:05 · 603 阅读 · 0 评论 -
手写react路由之path-to-regexp
文章目录一、path-to-regexp是什么?1.第一个参数(必填):匹配规则2.第二个参数(可选),包含匹配路径关键字的数组3.第三个参数(可选),配置对象总结一、path-to-regexp是什么?路由的匹配需要对路径进行正则匹配,而path-to-regexp这个库则提供了匹配的方法。1.第一个参数(必填):匹配规则先看看库的使用import {pathToRegexp} from "path-to-regexp"const result = pathToRegexp("api/bl原创 2021-05-16 16:38:31 · 2156 阅读 · 0 评论 -
react里的context
文章目录一、什么是上下文(context)?二、旧版本的上下文上下文的创建上下文的使用二、新版本的上下文总结一、什么是上下文(context)?上下文,当一个组件创建了上下文后,其后代组件都可以使用该上下文中的数据。在之前的学习中,我们知道react的数据要么来源于自身的状态,要么来源于父级传过来的props。有了上下文之后,组件多了一个数据来源,那就是context上下文。react16版本前的的上下文和16版本之后的上下文是不一样的。二、旧版本的上下文旧版本的react认为只有类才有状态原创 2021-05-01 23:38:13 · 1211 阅读 · 0 评论 -
关于setState的那点事
文章目录一、setState执行初探事件里的setState定时器里的setState二、setState的使用setState的第二个参数(callback)关于多个setState的执行setState第一个参数(函数写法)三、浅谈setState源码总结一、setState执行初探事件里的setState请说出以下代码按钮点击之后输出的值:import React, { Component } from 'react'export default class App extends Co原创 2021-04-28 23:18:28 · 615 阅读 · 3 评论 -
浅谈react组件实例三大属性
文章目录一、state 1.state的初始化 2.state的改变二、props 1.类组件里的props 2.函数组件里的props三、refs 1. 字符串形式的ref(这种方式已经过时了) 2. 对象形式的ref 3. 函数形式的ref总结一、state 1.state的初始化状态(state),本质上是类组件的一个属性,是一个对象,状态是由组件自行维护,状态需要初始化,组件有权改变状态里的数据。初始化的方式有两种:1.写在constructor里:import React, { Co原创 2021-04-22 23:20:45 · 606 阅读 · 0 评论 -
react之新旧生命周期
React生命周期前言一、旧版生命周期二、新版生命周期总结前言生命周期仅存在于类组件中。旧版生命周期:react版本 < 16.0.0旧版生命周期:react版本 >= 16.0.0提示:以下是本篇文章正文内容,下面案例可供参考一、旧版生命周期如图:二、新版生命周期图为16.3的生命周期:图为16.3之后的生命周期,相比之前的新版,主要是getDerivedStateFromProps的调整:新版常用的钩子函数:总结提示:这里对文章进行总结:例如:以上就是今原创 2021-04-15 23:47:40 · 369 阅读 · 0 评论