JSFiddle - React, Tailwind, and code Playground

JavaScript

import $ from 'jquery';
import { removeClassFromCollection } from './utils.js';


export default class RegistrationForm{
    constructor(){
        this.roleItems = $('.role-list__item');
    }
    init(){
        this.roleItems.on('click', this.clickAtRoleItem);
    }

    clickAtRoleItem(){
    		// this.roleItems === undefined т.к. this указывает на конкретный item
        // если в init методе сделать this.clickAtRoleItem.bind(this)
        // то 18 строка не сработает по понятным причинам
        removeClassFromCollection(this.roleItems, '.role-list__item--active');
        $(this).addClass('role-list__item--active');
    }
}