Как добавить класс .active к активному пункту меню?

Question

[nickname13384]

Как добавить по клику пункту меню класс .active?

по клику меню просто скролится страница переадресации нет
не перебирая через .map()

import React from 'react'

export default function Nav() {
    return (
        <ul className="nav">
            <li className="nav-item">
                <a href="#">Item</a>
            </li>
            <li className="nav-item">
                <a href="#">Item 1</a>
            </li>
            <li className="nav-item">
                <a href="#">Item 2</a>
            </li>
            <li className="nav-item">
                <a href="#">Item 3</a>
            </li>
            <li className="nav-item">
                <a href="#">Item 4</a>
            </li>
        </ul>
    )
}