自定义博客皮肤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)
  • 收藏
  • 关注

原创 如何在自定义Hooks中处理异步操作?

它使用 useState 来定义了一个名为 data 的状态变量,用于保存异步操作的结果。在 useEffect 中,我们执行了异步操作,即发送网络请求并将结果保存到 data 中。在自定义 Hooks 中处理异步操作可以通过使用 React Hooks API 中的 useEffect 和 useState 来完成。可以在自定义 Hook 中使用 useEffect 来执行异步操作,例如发送网络请求或执行定时任务。同时,可以使用 useState 来保存异步操作的结果。

2023-10-06 11:29:33 428 1

原创 如何自定义hooks

自定义Hooks是一种让你能够在函数组件中重用状态逻辑的方式。要自定义一个Hooks,你需要遵循以下规则:

2023-10-06 11:26:20 162 1

原创 React Hooks

React的组件创建方式,一种是类组件,一种是纯函数组件,并且React团队希望,组件不要变成复杂的容器,最好只是数据流的管道。不同的钩子为函数引入不同的外部功能,上面四种钩子都带有use前缀,React Hooks约定,钩子一律使用use前缀命名。(4)函数组件更适合做UI展示,类组件更适合做复杂的业务逻辑组件。setState:修改状态属性值的函数,用来更新状态,类似setState。state:初始的状态属性,指向状态当前值,类似this.state。(1)函数组件没有状态(state),类组件有。

2023-10-06 11:24:27 85 1

原创 react函数组件父子组件传参

再通过hooks声明的useState来在存放一个变量(name),setName来设置那么的值。·子组件的props身上有setStr属性,可以通过它来给父组件传参。·子组件身上有个props,可以用来获取父组件传递的参数。通过解构 const {name}=props来获取。·在父组件标签上将要传给子组件的值绑定上。·先引入 useState。·通过事件传值给父组件。

2023-10-06 11:02:33 197 1

原创 redux、 react-redux、 redux-thunk、 redux-saga、redux-toolkit,它们之间的 区别是什么?

Redux-Saga是一种Redux中间件,用于处理异步操作(有副作用的action),并可以派生一个新的任务对state进行维护。React-Redux是基于Redux的React库,用于在React应用中实现状态管理。Redux-Thunk是一种Redux中间件,用于处理异步操作(有副作用的action)。Redux是一个JavaScript状态容器,提供了可预测化的状态管理。

2023-10-06 10:46:22 242 1

原创 react面试题

就是一个函数的返回结果只依赖于它的参数,并且在执行过程中没有副作用,我们就把这个函数叫做纯函数1. 语法上的区别:函数式组件是一个纯函数,它是需要接受props参数并且返回一个React元素就可以了。类组件是需要继承React.Component的,而且class组件需要创建render并且返回React元素,语法上来讲更复杂。2. 调用方式函数式组件可以直接调用,返回一个新的React元素;类组件在调用时是需要创建一个实例的,然后通过调用实例里的render方法来返回一个React元素。

2023-10-06 10:42:01 93 2

空空如也

空空如也

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

TA关注的人

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