类组件
类组件中定义了几组常用的生命周期的hook，分别为这几个函数打log来查看它们的调用时机
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| class ClassComponent extends React.Component {
componentDidMount(): void {
console.log('class component did mount')
}
componentWillUnmount(): void {
console.log('class component will unmount')
}
componentDidUpdate(prevProps: Readonly<ModelProps>, prevState: Readonly<{}>, snapshot?: any): void {
console.log('class component did update')
}
render(): React.ReactNode {
console.log('class component render')
return (
<View style={styles.container}>
<Text style={styles.title}>{`Class Component` }</Text>
</View>
)
}
}
|
