Merge pull request vasanthk#43 from adonis-work/patch-1

Update 04.conditional-rendering.md
mb2dev · Mar 31, 2017 · ddab874 · ddab874
2 parents e8af3d3 + 335b8eb
commit ddab874
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/patterns/04.conditional-rendering.md b/patterns/04.conditional-rendering.md
@@ -47,3 +47,14 @@ const Oops = ({showFirst, dontShowSecond}) => (
 ```
 
 if you use `<Oops showFirst={0} dontShowSecond={1}/>` you will get `01` instead of the empty space you may be expecting.
+
+This can be avoided using !! to convert values to boolean before use:
+
+```js
+const Oops = ({showFirst, dontShowSecond}) => (
+  <div>
+    {!!showFirst && 'first'}
+    {!!dontShowSecond || 'second'}
+  </div>
+)
+```