Conditional rendering JS React

Posted on October 2, 2021
Tags: javascript
(undefined || []) --> []

1 JS

1.1 Map Filter Reduce

undefined array will crash so fallback to empty array.

SomeArr = mkArr(..) //undefined
(SomeArry || []).filter(...)

2 JSX

Render only when dataSet is defined

<div>
dataSet && <Chart info={dataSet}/>
</div>