update readme, use destructurization

Author: maksymkordiyak

README.md

@@ -105,6 +105,27 @@ const styles = StyleSheet.create({
 export default withKeyboardAwareScrollView(HomeScreen);
 ```
 
+## Usage without data-driven content
+You can also pass fixed array of items to the Autocomplete
+```javascript
+const data = [
+  "Apples",
+  "Broccoli",
+  "Chicken",
+  "Duck",
+  "Eggs",
+  "Fish",
+  "Granola",
+  "Hash Browns",
+];
+```
+
+Change valueExtractor and pass the data to Autocomplete without fetchDataUrl
+```javascript
+<Autocomplete data={data} valueExtactor={item => item} />
+```
+
+
 ## Properties
 
  name              | description                                   | type     | default

components/Autocomplete/index.js

@@ -56,7 +56,7 @@ class Autocomplete extends Component {
   }
 
   async triggerChange() {
-    const {inputValue} = this.state;
+    const {inputValue, items} = this.state;
     const {fetchDataUrl, valueExtractor} = this.props;
     if (fetchDataUrl) {
       try {
@@ -73,7 +73,7 @@ class Autocomplete extends Component {
         throw new Error(error);
       }
     } else {
-      const filteredItems = this.state.items.filter(item => {
+      const filteredItems = items.filter(item => {
         return (
           valueExtractor(item)
             .toLowerCase()
@@ -108,9 +108,10 @@ class Autocomplete extends Component {
   }
 
   componentDidMount() {
+    const {data} = this.props;
     this.mounted = true;
-    if (this.props.data) {
-      this.setState({items: this.props.data});
+    if (data) {
+      this.setState({items: data});
     }
   }