- 博客(14)
- 收藏
- 关注
RSS订阅原创 React Hooks（二）
useRef的用法，useImperativeHandle的用法，useCallback的用法，useMemo的用法
2023-09-25 18:21:39
150
1
原创 React Hooks（一）
useState的用法、useEffect的用法、useLayoutEffect的用法、useContext的用法
2023-09-25 14:58:21
106
1
原创 React组件的生命周期
1. 组件生命周期概述 什么是组件的生命周期？ 组件从被创建到挂载到页面中运行，再到组件不用时卸载的过程，这个过程就叫做组件的生命周期。react在组件的生命周期中提供了一系统的钩子函数，可以让开发者在函数中注入代码，这些代码会在适当的时候运行。为开发人员在不同阶段操作组件提供了时机。注意：只有类组件才有生命周期。函数组件每次都是重新运行函数，旧的组件即刻被销毁 组件的生命周期主要包括哪几个阶段？ 组件的生命周期可以被分为3个阶段：挂载阶段、更新阶段、卸载阶段以react旧的生命
2022-05-11 16:23:28
5298
原创 React组件的复用（二）
3. 高阶组件（HOC）（1）什么是高阶组件？高阶组件其实是一个函数，这个函数接收一个要包装的组件，返回一个增强后的组件。在高阶组件内部会创建一个类组件，在这个类组件中会提供复用的状态逻辑代码，通过props将复用的状态传递给被包装组件。（2）高阶组件的使用步骤创建一个函数，名称约定以with开头 在函数中指定参数，参数应该以大写字母开头（作为要渲染的组件） 在这个函数内部创建一个类组件，提供复用的状态逻辑代码，并在该函数中返回该组件 在该组件中，渲染参数组件，同时将组件的state通
2022-04-26 22:54:40
400
原创 React组件的复用（一）
1. 组件复用的方式：render props模式 高阶组件（HOC）注意：以上两种方式不是新的API，而是演化而成的一种固定模式（写法）2. render props模式思路：将要复用的state和操作state的方法封装在一个组件里面（在组件中提供复用的状态逻辑代码，即状态和操作状态的方法） 这时，我们就要思考两个问题：（1）状态是组件内部私有的，那么如何在复用组件的时候拿到组件内部的state呢？----> 可以在使用组件的时候，添加一个值为函数的props，那么就可以通过..
2022-04-25 22:48:35
854
原创 React组件之间的通讯方式
父子组件之间通讯 父组件向子组件传递数据 步骤：父组件提供要传递的state数据，并且给子组件标签添加属性，属性值为父组件state中的值，最后在子组件中通过props接收父组件中传递过来的数据。以以下代码为例: (Parent组件是父组件，Children组件是子组件) 子组件向父组件传递数据 步骤：利用回调函数，父组件提供回调函数（用于接收数据），在子组件标签中添加一个属性，属性值即为该回调函数，并且子组件把要传递的数据，作为回调函数的参数，传递给父组件。代码如..
2022-04-21 21:26:13
1120
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人