Как создать навигацию с помощью гиперкриптов-хелперов?

Question

Я хотел бы создать навигацию с помощью помощников гиперкриптов, но я не могу понять, как реализовать активный класс, когда я нажимаю на элемент навигации и удаляю активный из другого. Пожалуйста помоги.

Я использую:

      import hh from 'hyperscript-helpers';
import { h } from 'virtual-dom';
import * as R from 'ramda';

const {
    ul,
    li,
    a
} = hh(h);

function categoryItem(dispatch, category) {
    return li({ className: '' }, [
        a({
            className: '',
            onclick: () => dispatch(selectCategory(category))
        }, category)
    ])
}