首页
归档
分类
随记
留言
关于
恪晨的小站
行动起来,活在当下
累计撰写
149
篇文章
累计创建
43
个标签
累计收到
28
条评论
栏目
目 录
CONTENT
react-恪晨的小站
以下是
react
相关的文章
2023-09-19
使用webpack构建React组件发布至npm实战
2023-09-19
210
0
0
JavaScript
React
Web
2022-09-23
Umi + qiankun 实现动态加载子应用路由
2022-09-23
1351
0
0
Web
React
2021-01-27
React-React Hook规则
Hook的本质就是javaScript函数,使用时需要遵循两条规则:只在顶层使用Hook,只在React函数中调用Hook;只在顶层使用Hook不要在循环、条件、嵌套函数中调用Hook;每一次渲染中都按照同样的顺序被调用。这让 React 能够在多次的 useState 和 useEffect
2021-01-27
296
0
0
Web
React
2021-01-27
React-React Effect Hook
effect Hook Effect Hook 可以让你在函数组件中执行副作用操作,对比于class组件中的componentDidMount、componentDidUpdate 和 componentWillUnmount 这三个函数的组合。React 组件中有两种常见副作用操作:需要清除的
2021-01-27
1158
0
0
React
Web
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
871
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
694
0
0
React
Web
2020-05-17
React-React Refs转发
前言 Ref 转发是一项将 ref 自动地通过组件传递到其一子组件的技巧,Ref 转发是一个可选特性,其允许某些组件接收 ref,并将其向下传递(换句话说,“转发”它)给子组件。ref转发 在下述示例中,FancyButton 使用 React.forwardRef 来获取传递给它的 ref,然
2020-05-17
2176
0
0
Web
React
2020-04-11
React-React上下文值传递
前言 在React中,通常会使用到多层组件嵌套,有些时候最内层组件可能会需要最外层组件的值,如果嵌套的太深则通过Props进行获取就会变得极其麻烦,并且最外层的值可能在多个子组件中需要使用,而Context 提供了一种在组件之间共享此类值的方式,而不必显式地通过组件树的逐层传递 props。何时使
2020-04-11
2064
0
0
Web
React
2020-03-12
React-React组合与继承
包含关系 有些组件无法提前知晓它子组件的具体内容,因为这些组件使用一个特殊的children prop来将它们的子组件渲染到结果中。 function Son(props) { return ( <div className={'son-border-
2020-03-12
932
0
0
Web
React
2020-02-11
React-React状态提升
状态提升的原因 在使用多个组件时,需要反应相同的变化数据,这是应该使用状态提升,将共享的状态提升到最近的父组件中。举例描述 以计算水在给定温度下是否会沸腾,设置一个基本的计算器程序。1、设置一个名称为BoilingVerdict的组件,用于判断接收到的温度是否导致水沸腾。当从props中接收的c
2020-02-11
1914
0
0
React
Web
1
2