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}