From 613965fe18ce184f8e9c81a627f462f4e07322c8 Mon Sep 17 00:00:00 2001
From: Bruno Sabetta <TheBearSO@users.noreply.github.com>
Date: Thu, 3 Jan 2019 14:22:41 -0300
Subject: [PATCH] Update readme.md main code example

The main code example is not working because is missing the key inside `renderItem` function.
I've updated based con jsbin example.

Hope this help

Regards
---
 README.md | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index e78523da..bc70d092 100644
--- a/README.md
+++ b/README.md
@@ -4,20 +4,23 @@ Accessible, extensible, Autocomplete for React.js.
 
 ```jsx
 <Autocomplete
-  getItemValue={(item) => item.label}
+  getItemValue={(item) => item.id}
   items={[
-    { label: 'apple' },
-    { label: 'banana' },
-    { label: 'pear' }
+    { id: 'apple', label: 'apple' },
+    { id: 'banana', label: 'banana' },
+    { id: 'pear', label: 'pear' }
   ]}
   renderItem={(item, isHighlighted) =>
-    <div style={{ background: isHighlighted ? 'lightgray' : 'white' }}>
+    <div
+      key={item.id}
+      style={{ background: isHighlighted ? 'lightgray' : 'white'}}
+    >
       {item.label}
     </div>
   }
-  value={value}
-  onChange={(e) => value = e.target.value}
-  onSelect={(val) => value = val}
+  value={this.state.value}
+  onChange={e => this.setState({ value: e.target.value })}
+  onSelect={value => this.setState({ value })}
 />
 ```