类组件
类组件中定义了几组常用的生命周期的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> ) } }
|
阅读全文