React - menu active with conditional rendering example

Question

<button
  type="button"
  className={
    type === '' ? 'btn btn-primary' : 'btn btn-secondary'
  }
  onClick={this.showAll}
>
  {/* All ({data.found}) */}
  All
</button>
<button
  type="button"
  className={
    type === 'sale' ? 'btn btn-primary' : 'btn btn-secondary'
  }
  onClick={this.showBuy}
>
  Buy
  {/* ({data.listsum.sale}) */}
</button>
<button
  type="button"
  className={
    type === 'rent' ? 'btn btn-primary' : 'btn btn-secondary'
  }
  onClick={this.showRent}
>
  Rent
  {/* ({data.listsum.rent}) */}
</button>