KarlFranz

react无状态组件和纯组件无状态组件和有状态组件函数组件又叫 ***无状态组件，类组件又叫有状态组件状态 (state) 即数据函数组件没有自己的状态，只负责数据展示 (静) 类组件又自己的状态，负责更新UI, 让页面 “

2021-11-02 KarlFranz

react无状态组件和纯组件

函数组件使用useRefuseRef一般用于子组件为class的组件，因为函数组件没有实例，因此加给函数组件是无效的，这时我们就需要借助其他一些方法。 2.使用// 子组件 // 引入 forwardRef, useImperativ

2021-11-01 KarlFranz

函数组件使用useRef

为数组所有对象添加一个新属性 let addKey = copyList.map(item => { let obj = {} obj['key'] = item.id return

2021-11-01 KarlFranz

高阶组件之高亮关键词 // KeywordHoc 高阶函数 (组件) import React from "react"; const inp = "红包返现首充权益" let content = "参与活动，即有可能获得红包。

2021-11-01 KarlFranz

高阶组件之高亮关键词

for in和for of的区别循环对象 let objKey = {name: '牛恒', age : 23 , sex:'男' } // for in 专门用来循环对象，key是对象的键， obj[key]是对象的值 f

2021-10-31 KarlFranz

for in和for of的区别

简单算法传入字符串，返回不重复字符串的最长长度 function mostStringLen(str) { let newStr = '' for (let value of str) { newStr.ind

2021-10-28 KarlFranz

简单算法

antd优化加载组件/** 问题 react使用路由、二级路由切换时页面会闪烁 * 而使用这个组件，就可以解决这个问题 */ const renderSec = () => { return ( secon

2021-10-25 KarlFranz

antd优化加载组件

react + Typescript 配置代理服务器package.json 后面添加 { .. ... "proxy": "http://localhost:3000" } 另一说 src下新增 setupProxy

2021-10-24 KarlFranz

reactTypescript配置代理服务器

typescript取下级值// type1 返回函数返回值的下级 // 定义接口类型 interface resType { data?: Object } export const baseApi = ({ method =

2021-10-24 KarlFranz

typescript取下级值

react函数组件路由跳转import React, { useState, useEffect } from 'react' import { useHistory } from "react-router-dom"; import c

2021-10-24 KarlFranz

react函数组件路由跳转

转化时间日期格式/** * 转化时间日期格式 * 传入 new Date() * 返回值：2021-09-10 10:00:00 * */ export const dateFamate = (val) => { if (!

2021-10-22 KarlFranz

转化时间日期格式

Vue路由传参查询字符串 this.$router.push({`path:/menu/edit/${id}`}) // 路由配置 { path: '/menu/edit/:id', component: Edit } /

2021-10-22 KarlFranz

vue路由传参