#react-router-dom #tailwind-css
Вопрос:
Я пытаюсь добавить tailwind-css в Navlink(react-router-dom). Я хочу добавить активный стиль. Для добавления активных стилей я могу использовать
<NavLink to="/faq" activeStyle={{fontWeight: "bold",color: "red"}}>
FAQs
</NavLink>
Есть ли способ сделать это с помощью tailwind-css, я не хочу использовать css, может быть, что-то вроде этого?
<NavLink to="/faq" className={`${active?'font-bold text-red':'text-gray-900'}...`}>
FAQs
</NavLink>
Ответ №1:
NavLink
компонент обладает activeClassName
свойством.