JSFiddle - React, Tailwind, and code Playground

by brigand

HTML

<pre id="out"></pre>

JavaScript

const items = [{
    active: true,
    label: 'Foo'
  },
  {
    active: false,
    label: 'Bar'
  },
  {
    active: true,
    label: 'Baz'
  },
];


const filterMapped = items.flatMap(item => item.active ? [item.label] : []);
out.textContent = filterMapped.join('\n');