首页
归档
分类
日记
图库
留言
友链
关于
1
群晖Docker安装halo博客系统
2
光猫超级管理员账号与密码
3
前端脚手架辣么多,那我也要写一个玩玩
4
Ubuntu安装YApi
5
Ubuntu+Node.js搭建微信公众号服务
恪晨
累计撰写
65
篇文章
累计创建
34
个标签
累计收到
0
条评论
栏目
首页
归档
分类
日记
图库
留言
友链
关于
搜索
标签搜索
Nas
群晖
正则
package-lock.json
脚手架
sass
Git
npm
React
Nginx
权威指南
高级程序设计
JavaScript
精通CSS
CSS
Web
面试
博客搭建
Hexo
Vercel
Jenkins
Shell
Linux
软件
Charles
Webstorm
markdown
YApi
Tool
Github
小程序
Wechat
读书
职场交流
目 录
CONTENT
以下是
React
相关的文章
2021-01-27
React-React Hook规则
Hook的本质就是javaScript函数,使用时需要遵循两条规则:只在顶层使用Hook,只在React函数中调用Hook;只在顶层使用Hook不要在循环、条件、嵌套函数中调用Hook;每一次渲染中都按照同样的顺序被调用。这让 React 能够在多次的 useState 和 useEffect
2021-01-27
3
0
0
Web
React
2021-01-27
React-React Effect Hook
effect Hook Effect Hook 可以让你在函数组件中执行副作用操作,对比于class组件中的componentDidMount、componentDidUpdate 和 componentWillUnmount 这三个函数的组合。React 组件中有两种常见副作用操作:需要清除的
2021-01-27
2
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
2
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
2
0
0
Web
React
2020-05-17
React-React Refs转发
前言 Ref 转发是一项将 ref 自动地通过组件传递到其一子组件的技巧,Ref 转发是一个可选特性,其允许某些组件接收 ref,并将其向下传递(换句话说,“转发”它)给子组件。ref转发 在下述示例中,FancyButton 使用 React.forwardRef 来获取传递给它的 ref,然
2020-05-17
2
0
0
Web
React
2020-04-11
React-React上下文值传递
前言 在React中,通常会使用到多层组件嵌套,有些时候最内层组件可能会需要最外层组件的值,如果嵌套的太深则通过Props进行获取就会变得极其麻烦,并且最外层的值可能在多个子组件中需要使用,而Context 提供了一种在组件之间共享此类值的方式,而不必显式地通过组件树的逐层传递 props。何时使
2020-04-11
2
0
0
Web
React
2020-03-12
React-React组合与继承
包含关系 有些组件无法提前知晓它子组件的具体内容,因为这些组件使用一个特殊的children prop来将它们的子组件渲染到结果中。 function Son(props) { return ( <div className={'son-border-
2020-03-12
2
0
0
Web
React
2020-02-11
React-React状态提升
状态提升的原因 在使用多个组件时,需要反应相同的变化数据,这是应该使用状态提升,将共享的状态提升到最近的父组件中。举例描述 以计算水在给定温度下是否会沸腾,设置一个基本的计算器程序。1、设置一个名称为BoilingVerdict的组件,用于判断接收到的温度是否导致水沸腾。当从props中接收的c
2020-02-11
0
0
0
Web
React
2020-01-22
React-React表单
在 React 里,HTML 表单元素的工作方式和其他的 DOM 元素有些不同,这是因为表单元素通常会保持一些内部的 state。受控组件 在 React 中,可变状态(mutable state)通常保存在组件的 state 属性中,并且只能通过使用 setState()来更新。渲染表单的
2020-01-22
0
0
0
Web
React
2019-12-22
React-React列表与Key
在React中的列表与JavaScript类似,可以通过{}在JSX中进行列表的渲染。基础组件列表 定义一个组件,并接收一个list作为参数,渲染出list中的每个元素,需要注意的是需要为每一个li设置key,不然会报错,因为key是为了帮助React识别元素,一个元素的 key 最好是这个元
2019-12-22
2
0
0
Web
React
1
2