Taro: shouldComponentUpdate(){} 函数使用场景

 Taro: shouldComponentUpdate(){} 函数使用场景

  1.用来多次的setState调用时,提升render的性能

        2.检查最后一次是否进行render的调用

  shouldComponentUpdate是有两个参数

  nextPeops:最新的属性

  nextState:最新的状态

eg:

  state={

    text:"luck"

  }

  componentDidMount(){

    this.setState({

      text:"rocky"

    })

  }

  数据进行修改之后,我们这个时候进行数据的更新之后的获取,就会用到下列方法

  shouldComponentUpdate(nextProps,nextState){

    console.log("shouldComponentUpdate",this.state.text)

    //拿到的还是更新之前的数据

    console.log("shouldComponentUpdate",nextState.text)

    //拿到的是组件更新之后的数据

 

    可以使用进行判断:(目的是为了节省性能,减少render函数的操做,多页面的渲染)

    if(nextState.text === "rocky"){

       return true

    }else{

       return false

    }  

 

  }

 

posted @ 2022-05-09 10:06  一封未寄出的信  阅读(167)  评论(0编辑  收藏  举报