DefinitelyTyped/types/react-native-autocomplete-input/react-native-autocomplete-input-tests.tsx

36 lines
933 B
TypeScript

import Autocomplete from 'react-native-autocomplete-input';
import * as React from 'react';
import {
StyleSheet,
Text,
TouchableOpacity,
View
} from 'react-native';
interface Item { query: string; value: string; }
class AutocompleteExample extends React.Component<{}, {query: string}> {
state = {
query: ''
};
filterData(query: string): Item[] {
return [{query: '', value: 'here i am'}];
}
render() {
const { query } = this.state;
const data = this.filterData(query);
return (<Autocomplete
data={data}
defaultValue={query}
onChangeText={text => this.setState({ query: text })}
renderItem={(item: Item) => (
<TouchableOpacity onPress={() => this.setState({ query: item.query })}>
<Text>{item.value}</Text>
</TouchableOpacity>
)}
/>);
}
}