美文网首页
react 数据监听 hook 生命周期 watch

react 数据监听 hook 生命周期 watch

作者: 仰望天空的人 | 来源:发表于2023-07-18 09:37 被阅读0次

class组件 生命周期监听

//监听组件传递的值: 父子组件传参 props
 componentWillReceiveProps(newProps) {
    参数为给组件传递的参数
 }
 
//监听组件内部状态的变化:   父子传参和state参数 改变后触发
componentDidUpdate(prevProps,prevState){

}

函数组件 useEffect hook

const{ chooseItem = () => {}, isVisible = false } = props
// props和state都行

useEffect(()=>{
    if(isVisible){
    
    }else{

    }
},[isVisible])

相关文章

  • vue 父组件监听子组件生命周期

    # vue 父组件监听子组件生命周期 主要是通过@hook:生命周期即可监听示例:

  • vue常见面试题

    一、vue的生命周期有哪些? 二、watch和computed的区别? 答:1.watch用于监听数据变化。2.c...

  • 2019-05-04 React 生命周期

    vanillaJS例子react生命周期例子 1.请求数据(ajax)2.更新数据(setState)3.事件监听...

  • AngularJS $watch 监听

    监听$watch监听数据变化,有三个参数 $scope.$watch(“监听的属性”,function(new,o...

  • 4 Vue计算属性computed、watch监听

    1、计算属性和watch监听的区别: (1).两者都可监听数据的变化,计算属性会return值,watch监听数据...

  • Vue3-watch和watchEffect

    watch watch可以监听一个或多个响应式数据, 一旦数据变化, 就自动执行监听回调 如果监听rective对...

  • Vue

    watch 和 computed 和 methods 区别 watch:监听,对data的数据监听回调, 当依赖的...

  • vue监听和webpack基本使用

    vue监听 使用keyup监听 使用watch监听文本框变化,watch 使用这个属性可以监视data中的数据变化...

  • Vue学习笔记06 webpack的详细配置

    一.watch的使用 1.监听data中数据的改变 在watch里面监听data里面数据的变化,newVal表示更...

  • react生命周期测试记录

    1 react生命周期相关的hook 2 测试结果记录 1, react的生命周期个人认为可以分为五个部分:初始...

网友评论

      本文标题:react 数据监听 hook 生命周期 watch

      本文链接:https://www.haomeiwen.com/subject/zpmgudtx.html