- 博客(10)
- 收藏
- 关注
RSS订阅原创 react hooks之useMemo
一、概述 在hooks中，useMemo这个函数是用来提高系统性能的，每当函数组件的状态发生变化，所有变量都会重新声明，导致牵一发而动全身。这个函数起到了大作用，只有当相关依赖项发生变化的时候才会重新声明，反之则不会。这个函数和vue中的计算属性一样。二、参数信息 第一个参数是一个回调函数并有返回值，第二个参数是依赖项数组。三、函数返回值 useMemo这个钩子的返回值就是第一个参数的返回值...
2022-07-15 13:07:26
665
原创 react hooks之useCallback
一、概述 在hooks中，useCallback函数是一个记忆函数，主要作用就是提高系统性能，在之前，每当状态改变的时候，整个函数组件比如里面的函数，变量都会重新执行，使用这个函数之后，只有当依赖项发生变化，才会重新声明相关函数。二、参数信息 这个函数的第一个参数是一个回调函数，第二个参数是一个依赖项数组，只有当依赖项数组发生变化时，回调函数才会重新声明，当无关依赖项发生变化，回调函数不会重新声明。三、返回值 这个函数的返回值就是第一个参数...
2022-07-15 13:01:31
500
原创 reacthooks之useEffect
一、概述在类组件中进行异步请求的时候是在cdm生命周期中进行，到了函数组件，异步请求要在useEffect中进行二、参数 这个副作用函数有两个参数，第一个参数是一个回调函数，在函数内部进行异步请求，第二个参数是依赖数组，如果依赖数组为空，那么这个回调函数就会执行一次，如果依赖数组不空，当回调函数中的依赖项发生改变的时候会再次调用回调函数，回调函数中有一个return返回值，只有当组件被销毁或者是依赖项发生改变的时候才会执行三、调用时机当渲染树上树完成之后执行，就是当我们肉眼看到用户...
2022-07-14 13:45:46
209
原创 reacthooks之useState
在react16.8之前，函数组件没有自己的状态，一些事情就做不了，但是到了16.8之后hooks的出现使得函数组件和类组件平起平坐，类组件能做到的事情，函数组件也能做到。1.状态定义const [state，setState] = useState(初始值）注意：这里的初始值不能为对象，定义多个状态就要使用多次useState（）2.状态使用直接写解构出来的state即可3.修改状态修改状态必须使用解构出来的setState函数，传入修改后的的值即可useState..
2022-07-14 13:36:56
892
原创 reactd之类组件生命周期
在react中只有类组件有生命周期，函数组件是没有滴一、初始化1.static getDerivedStateFromProps(){ return{ }}2.render()3.componentDidMount(){ 可以在这个生命周期内进行异步请求，适用于只执行一次的异步请求，如果异步请求执行不止一次，每次相关状态跟新的时候也要发送请求，这个时候就要利用运行生命周期中的第一个和最后一个生命周期函数结合实现这个生命周期还可以绑定事件，写订阅函数，...
2022-07-14 11:40:27
124
原创 react兄弟组件之间的通讯
组件一为父组件，组件二和组件三是子组件。一、状态提升如果组件二想要向组件三传值，先把组件二中的值通过自定义事件穿到父组件，在通过父组件向组件三挂载属性进行传值。二、发布订阅同上例，全局定义bus对象const bus={ list:[], subscribe(callback){ bus.list.push(callback)}, publish(val){ bus.list.forEach(item=>...
2022-07-14 11:06:41
3176
原创 react组件之间的通讯之父子通讯
一、类组件1.父向子传值，要用自定义属性，把要传给子组件的值挂载到子组件标签上，在子组件内部通过this.props.挂载的属性名进行访问父组件传来的值，是只读属性，子组件不能修改其值。2.子向父传值，要通过自定义事件，在父组件中，在子组件标签挂载一个自定义事件，该时间定义形参用来接受子组件传来的实参，此时的实参就是子组件传来的数据，然后再函数内部定义之后的业务逻辑，在子组件中通过this.props.事件名称来触发该事件，完传值。二、函数组件1.父向子传值，在父组件中在子组件标签上挂载自定
2022-07-14 09:42:18
239
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人