首页
归档
分类
随记
摄影
留言
友链
工具站点
监控面板
Alist网盘
1
网站突然被攻了???
2
2024年6月碎碎念
3
2024年5月碎碎念
4
斐讯K3救砖教程
5
2024年4月碎碎念
恪晨
前端程序员
累计撰写
147
篇文章
累计创建
41
个标签
累计收到
18
条评论
栏目
首页
归档
分类
随记
摄影
留言
友链
工具站点
监控面板
Alist网盘
搜索
标签搜索
MinIO
摄影
监控
青龙
webpack
Halo
mysql
Docker
生活
Nestjs
GridManager
openwrt
其他
群晖Nas
路由器
nodejs
mac
game
正则
脚手架
git
npm
react
nginx
javascript
css
web
面试
博客搭建
hexo
vercel
jenkins
linux
软件
webstorm
markdown
yapi
github
wechat
读书
职场交流
目 录
CONTENT
以下是
react
相关的文章
2023-09-19
使用webpack构建React组件发布至npm实战
初始化项目 使用webpack4.X版本结合React实现对组件的封装并发不到npm官方仓库进行使用新建package.json其中有涉及到对css样式文件进行构建的依赖包,可根据实际场景进行选择性安装{ "name": "kechenexample",
2023-09-19
178
0
0
Web
JavaScript
React
2022-09-23
Umi + qiankun 实现动态加载子应用路由
前言 最近在做项目重构的事情,原来的一个Vue项目有几十个菜单,项目大的令人发指,所以准备重构,使用了umi+qiankun的方式,子应用使用了vue和react两个类型的框架。需求 因为用到了umi框架,默认的路由文件统一配置在config/routers下面,并且是静态的,但是因为现在是动态
2022-09-23
1318
0
0
Web
React
2021-01-27
React-React Hook规则
Hook的本质就是javaScript函数,使用时需要遵循两条规则:只在顶层使用Hook,只在React函数中调用Hook;只在顶层使用Hook不要在循环、条件、嵌套函数中调用Hook;每一次渲染中都按照同样的顺序被调用。这让 React 能够在多次的 useState 和 useEffect
2021-01-27
282
0
0
Web
React
2021-01-27
React-React Effect Hook
effect Hook Effect Hook 可以让你在函数组件中执行副作用操作,对比于class组件中的componentDidMount、componentDidUpdate 和 componentWillUnmount 这三个函数的组合。React 组件中有两种常见副作用操作:需要清除的
2021-01-27
1143
0
0
Web
React
2021-01-27
React-React State Hook
state Hook State Hook用于在函数组件中声明变量。在函数组件中,可以使用useState进行变量声明,通过const [count, setCount] = useState(0);进行声明,等价于class组件中的this.state = {count:0},在读取时可以直接通
2021-01-27
851
0
0
Web
React
2020-06-14
React-React Hook
前言 Hook 是 React 16.8 的新增特性,它可以不编写 class 的情况下使用 state 以及其他的 React 特性。React Hook产生动机 组件之间复用状态困难:React没有直接将可复用性添加到组件的方式,但是如果非要这么做也可以使用高阶组件或render pro
2020-06-14
683
0
0
Web
React
2020-05-17
React-React Refs转发
前言 Ref 转发是一项将 ref 自动地通过组件传递到其一子组件的技巧,Ref 转发是一个可选特性,其允许某些组件接收 ref,并将其向下传递(换句话说,“转发”它)给子组件。ref转发 在下述示例中,FancyButton 使用 React.forwardRef 来获取传递给它的 ref,然
2020-05-17
2156
0
0
Web
React
2020-04-11
React-React上下文值传递
前言 在React中,通常会使用到多层组件嵌套,有些时候最内层组件可能会需要最外层组件的值,如果嵌套的太深则通过Props进行获取就会变得极其麻烦,并且最外层的值可能在多个子组件中需要使用,而Context 提供了一种在组件之间共享此类值的方式,而不必显式地通过组件树的逐层传递 props。何时使
2020-04-11
2054
0
0
Web
React
2020-03-12
React-React组合与继承
包含关系 有些组件无法提前知晓它子组件的具体内容,因为这些组件使用一个特殊的children prop来将它们的子组件渲染到结果中。 function Son(props) { return ( <div className={'son-border-
2020-03-12
921
0
0
Web
React
2020-02-11
React-React状态提升
状态提升的原因 在使用多个组件时,需要反应相同的变化数据,这是应该使用状态提升,将共享的状态提升到最近的父组件中。举例描述 以计算水在给定温度下是否会沸腾,设置一个基本的计算器程序。1、设置一个名称为BoilingVerdict的组件,用于判断接收到的温度是否导致水沸腾。当从props中接收的c
2020-02-11
1898
0
0
Web
React
1
2