TaroJs 生命周期

1. render (){}  render 函数 返回的是jsx代码

    render (){

    return (

      <view class="">

      <text></text>

     </view>

   )

  }

 

2. componentWillMount(){ }  初始化阶段(挂在之前)

 

3. componentDidMount( ){ } 可以访问到demo 的结构

 

4.componentWillUnmount(){ } 组件被销毁的时候   场景:A调到B页面的时候,A销毁

  

5.componentDidShow(){ }  页面显示的时候会进行打印

 

6. componentDidHide(){ }  页面隐藏的时候会打印

 

7. componentWillUpdate(){ }  state的数据将要更新的时候会进行触发

 

8. componentDidUpdate(){ } state的数据更新过后的时候会进行触发

 

9.shouldComponentUpdate(){ }  默认 return  true;  组件状态被更改之后,就会进入到此钩子函数中,若返回的是true 则会进入到render(){ } 函数中,进行页面更新渲染,否则 返回的是false的话,则就不会进入到render(){}中,同时页面的数据也不会进行更新渲染

 10. componentWillReceiveProps( ) { }  父组件向子组件进行传递新的属性的时候进行使用;使用场景:父组件向子组件进行传值的时候会触发,当父组件修改了内容的时候,才会进行触发此钩子函数,此钩子函数有两个参数,一个是新属性(nextProps),一个是新状态(nextState)

  【在子组件中进行获取】获取新属性的方法是: componentWillReceiveProps(nextProps,nextState){console.log(nextProps.text.传递值)}



 

在taro页面中state就是类似vue中的data,数据的存储,

接收方式就是 this,state.数据名

eg:

  state = {

    name:"张三"

  }

  获取方式  {this.state.name}

 

posted @ 2022-05-08 23:26  一封未寄出的信  阅读(362)  评论(0编辑  收藏  举报