自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 less中使用global前序修改antd的原始组件样式

遇到这个问题是因为我想要修改antd中的tooltips组件的样式:也就是想要修改tooltips下的字的宽度。如果直接在tooltips组件上使用style或者overlayStyle:{{width:300}}是不会生效的。因为这个tooltips组件把文字包了两层。我们需要对tooltips组件设置类名,然后使用css选择器去获取对应的文字dom节点:注意,如果不使用:global{}不能正常使用选择器,修改antd组件样式。...

2020-10-21 19:04:32 5236

原创 react函数组件是怎样执行的?

react函数组件是怎样执行的?总结:1.首先初始化,会按顺序执行组件中的所有函数,然后组件被挂载到根节点上。遇到useState执行会生成一个state和setState存在当前组件作用域中遇到useEffect之后回去订阅其中的消息,然后再组件挂载后去发布消息遇到useMemo或者useCallback就会根据他们依赖的状态去缓存,属性(函数返回结果值)或方法2.当setState状态改变后,又会去执行对应的组件函数。遇到useState也会去执行,返回修改后的状态(指向新的地址,所

2020-10-14 19:51:30 1266

原创 实现下拉加载更多

import React, { useState, useEffect } from 'react'import produce from "immer"import { Select } from 'antd'const { Option } = Selectconst SelectAntd = () => { const data = [//源数据 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13,

2020-10-14 09:47:59 1108

原创 函数组件和类组件和dva视图更新问题

类组件setState视图更新:import React from 'react'export default class ThisSetState extends React.Component { state = { num: 1 } render() { return <div onClick={() => { this.setState(() => { this.st

2020-10-13 18:02:07 956

原创 Umi Hooks

useRequest核心特性:自动请求/手动请求、SWR(stale-while-revalidate)、缓存/预加载、屏幕聚焦重新请求、轮询、防抖、节流、并行请求、loading delay、分页、错误重试、请求超时管理、suspense、加载更多,数据恢复 +滚动位置恢复…const {data,loading,error,run,cancel}=useRequest(requsetFunc,options)1】默认请求在组件初次加载时,自动触发该函数执行,而且useRequest会生产异步返回

2020-10-10 15:04:10 2695

原创 react hook 造轮子

一、sass的使用1、@import方式引入scss文件,后面必须带后缀名scss@import "main.scss";2、Partials方式引入base.scss文件,文件必须以(下划线)开头,可以不用带后缀名@import "_base";sass @import和css @import命令的区别:CSS @import 指令在每次调用时,都会创建一个额外的 HTTP 请求。但,Sass @import 指令将文件包含在 CSS 中,不需要额外的 HTTP 请求。Sass Part

2020-10-04 14:28:23 765

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除