- 博客(6)
- 收藏
- 关注
原创 如何在自定义Hooks中处理异步操作?
它使用 useState 来定义了一个名为 data 的状态变量,用于保存异步操作的结果。在 useEffect 中,我们执行了异步操作,即发送网络请求并将结果保存到 data 中。在自定义 Hooks 中处理异步操作可以通过使用 React Hooks API 中的 useEffect 和 useState 来完成。可以在自定义 Hook 中使用 useEffect 来执行异步操作,例如发送网络请求或执行定时任务。同时,可以使用 useState 来保存异步操作的结果。
2023-10-06 11:29:33 428 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关注的人