我有一个新的 react native 应用程序,使用打字.我想使用基于类的组件.此时,我有两节课:
RouteView.tsx个
export class RouteView extends React.Component {
constructor(props: any, private title: string) {
super(props);
this.params = params;
this.title = title;
}
render() {
return <div></div>;
}
}
HomeView.tsx个
export class HomeView extends RouteView {
render() { return
<View style={styles.container}>
<Text>My Mobile App!</Text>
<StatusBar style="auto" />
<Button
title="View About"
onPress={() => navigation.navigate('About')}
/>
</View>;
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});
当我编译这段代码时,我收到一条错误消息:
Property 'render' in type 'HomeView' is not assignable to the same property in base type 'RouteView'.个
为什么?代码在我看来是正确的.在HomeView
中,我try 覆盖基类的render
方法.我做错了什么?