JSFiddle - React, Tailwind, and code Playground

HTML

<div class="btn-group btn-group-justified" role="group" aria-label="...">
    <div class="btn-group">
        <button type="button" class="btn btn-default">Low Cost/Effeciency</button>
    </div>
    <div class="btn-group">
        <button type="button" class="btn btn-default active">Average</button>
    </div>
    <div class="btn-group">
        <button type="button" class="btn btn-default">High Cost/Effeciency</button>
    </div>
</div>

JavaScript

$(document).on('click', '.btn-group button', function (e) {
    $(this).addClass('active').parent().siblings().find('button').removeClass('active');
});