react router v6 "NavLink" active with multiple links

Viewed 80

In react router V6 I use the following:

        <NavLink
            className={({ isActive,  }) =>
                concatClasses(classes, 'container', isActive ? 'container--active' : null)
            }
            to={props.route}
        >
            <EDSvg className={classes['container__icon']} name={props.iconName} />
            <span className={classes['container__text']}>{props.text}</span>
        </NavLink>

If, for example, props.route is "blabla" then It will match. I have a scenario where I want it to be active for both "blabla" and "lala"

Is it possible>?

0 Answers
Related