Merge pull request #141 from chuksjoe/fix-initial-array-value-bug

fix issue #140
tbleckert · Dec 9, 2020 · bdcef42 · bdcef42 · vercel · Dec 9, 2020
2 parents a08ca0a + 80845f9
commit bdcef42
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 1 deletion.
diff --git a/src/lib/getDisplayValue.js b/src/lib/getDisplayValue.js
@@ -1,7 +1,7 @@
 export default function getDisplayValue(value) {
     if (value && typeof value === 'object') {
         if (Array.isArray(value)) {
-            return value.map((singleOption) => singleOption.name).join(', ');
+            return value.map((singleOption) => singleOption && singleOption.name).join(', ');
         }
 
         return value.name;

diff --git a/stories/1-Multiple.stories.js b/stories/1-Multiple.stories.js
@@ -98,3 +98,33 @@ export const StayOnSelect = () => (
         ]}
     />
 );
+
+export const StayOnSelectWithSingleInitialValue = () => (
+    <SelectSearch
+        closeOnSelect={false}
+        printOptions="on-focus"
+        multiple
+        placeholder="Select your items"
+        options={[
+            { value: 'hamburger', name: 'Hamburger' },
+            { value: 'fries', name: 'Fries' },
+            { value: 'milkshake', name: 'Milkshake' },
+        ]}
+        value={'fries'}
+    />
+);
+
+export const StayOnSelectWithMultipleInitialValue = () => (
+    <SelectSearch
+        closeOnSelect={false}
+        printOptions="on-focus"
+        multiple
+        placeholder="Select your items"
+        options={[
+            { value: 'hamburger', name: 'Hamburger' },
+            { value: 'fries', name: 'Fries' },
+            { value: 'milkshake', name: 'Milkshake' },
+        ]}
+        value={['hamburger', 'fries']}
+    />
+);