weCat_s的博客

jsonServer使用

react-router v5-v6

import React from 'react'import { useRef } from 'react'export default function App() { //声明一个元素，一开始不知道这个元素指向哪个标签，先置为null const element = useRef(null) const handleClick = () => { //获取input的值的方式 console.log(element.current.v

useContext+useReducer实现react-reduximport React, { useReducer,useContext,createContext } from 'react'import { ADD_NUM } from './store/actionTypes'import { numRreduce } from './store/reducer'创建上下文空间const NumContext=createContext()子组件改为consumer写法===

store/reducer.js/* * @Description:d\导出每一个reducer * @Author: cqj * @Date: 2021-12-02 15:15:16 * @LastEditTime: 2021-12-02 15:19:11 * @LastEditors: cqj * @Reference: */import { ADD_NUM } from './actionTypes'//定义一个关于num的reducerexport const numRredu

import React, { useState, useContext, createContext } from 'react'理解：创建一个地方来存储一些数据，不管是父级还是子级都可以来处理这些数据 父传子子传父1-创建上下文空间const NumContext=createContext()子组件使用useContext获取父组件传递的num，从useContext中解构numfunction Sub() { //3.使用上下文空间 const {num} =

语法：useEffect(callback,array)空数组的情况下会执行componentDidMount第一种情况：第二个参数是array，如果是个空数组的话，代表不希望检测任一个变量值的改变只要数组不为空就相当于写了componentDidUpadate useEffect(() => { console.log(123) },[num1,num])如果想要单独检测某个值得改变，可以单独添加第二种情况：当不写第二个参数时，useEffect的callback同时代表了co

函数式组件通常结合react-hook实现

index.js中/* * @Description: * @Author: cqj * @Date: 2021-12-02 10:25:52 * @LastEditTime: 2021-12-03 11:30:38 * @LastEditors: cqj * @Reference: */import ReactDOM from 'react-dom'import App from './App.jsx'//引入提供器 //react-redux写法import { Provide

挂载阶段：【重点】 componentDIdMount一般在这个生命周期做数据请求 axios/ajaxconstructor=> componentWillMount=> ender=> componentDidMount更新阶段：只有shouldComponentUpdate返回true组件才会渲染，返回false组件不渲染state更新：shouldComponentUpdate =>componentWillUpdate=> render=>

一、下载软件Python的官方地址点击Downloads找到进行下载点击进行下载、有18M左右下载地址：链接地址二、安装软件下载之后点击安装勾选第一项点击下一步点击下一步等几分钟就好了。安装完成、点击Finish。三、配置环境安装后之后需要把Python的路径添加到环境变量中去、右键单击 【计算机】 ，选择菜单属性命令，在弹出的对话框中选择 【高级系统设置】 标签，选择 高级 标签，然后点击 环境变量 按钮。选中【系统变量】中的“path”选项，单击【编辑】按钮，将弹出

React Hook作用： 可以让我们在函数式组件中添加state,也可以让我们使用部分生命周期钩子函数Hook特点1.无需修改组件结构的情况下复用状态逻辑2.可将组件中相互关联的部分拆分成更小的函数，复杂组件将变得更容易理解3.每一个组件内的函数(包括事件处理函数，effects，定时器或者api调用等等)会捕获某次渲染中定义的props和state4.memo缓存组件 ,useMem...