vhad/DefinitelyTyped
1
0
Fork 0
mirror of https://github.com/gosticks/DefinitelyTyped.git synced 2025-10-16 12:05:41 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Change RRN.Link.component to ComponentType (#24758)

Browse Source
This commit is contained in:
Daniel K 2018-04-09 22:27:22 +02:00 committed by Mohamed Hegazy
parent 1f6b5b9e80
commit 89a3abfbff
2 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
types/react-router-native/index.d.ts vendored
View File

@ -33,7 +33,7 @@ export class AndroidBackButton extends React.Component<BackButtonProps> {}
export class DeepLinking extends React.Component {}
export interface LinkProps {
component?: React.Component | React.ComponentClass;
component?: React.ComponentType<any>;
replace?: boolean;
style?: any;
to: H.LocationDescriptor;

16
types/react-router-native/react-router-native-tests.tsx
View File

@ -1,6 +1,6 @@
import * as React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { NativeRouter as Router, Route, Link, AndroidBackButton, BackButton } from 'react-router-native';
import { StyleSheet, Text, TouchableOpacity, TouchableOpacityProperties, View } from 'react-native';
import { AndroidBackButton, BackButton, Link, NativeRouter as Router, Route } from 'react-router-native';
const Home: React.SFC = () => {
return (
@ -24,6 +24,14 @@ const About: React.SFC = () => {
);
};
interface ButtonTextProps extends TouchableOpacityProperties {
text: string;
}
const ButtonText: React.SFC<ButtonTextProps> = ({ text, ...props }) => (
<TouchableOpacity {...props}><Text>{text}</Text></TouchableOpacity>
);
export default class App extends React.Component {
render() {
return (
@ -35,9 +43,7 @@ export default class App extends React.Component {
<Link to="/" style={styles.navItem}>
<Text>Home</Text>
</Link>
<Link to="/about" style={styles.navItem}>
<Text>About</Text>
</Link>
<Link to="/about" style={styles.navItem} component={ButtonText} text="About" />
</View>
<Route exact path="/" component={Home} />
<Route path="/about" component={About} />