Как добавить дополнительный класс CSS в React NavLink, если существует условный класс CSS?CSS

Разбираемся в CSS
Ответить
Гость
 Как добавить дополнительный класс CSS в React NavLink, если существует условный класс CSS?

Сообщение Гость »


У меня есть эта NavLink, существующая в компоненте React, где условный класс загружается при нажатии кнопки. Как здесь,

isActive ? "property-info-nav-active" : "property-info-nav-link"} property-info-nav-item `}>Property Я хочу добавить дополнительный класс вне этих классов условных встроенных функций, но не нашел способа!

Я пробовал это, но это не работает.

(isActive ? "property-info-nav-active" : " property-info-nav-link")} extra-class`}>property вот мой полный код
импортировать { NavLink, Outlet } из "react-router-dom" импортировать "../index.css"; const LandlordLayout = () => { возвращаться ( isActive ? "landlord-nav-link-active" : "landlord-nav-link" }>Панель управления isActive ? "landlord-nav-link-active" : "landlord-nav-link"}>Доход isActive ? "landlord-nav-link-active" : "landlord-nav-link"}>Свойства isActive ? "landlord-nav-link-active" : "landlord-nav-link"}>Обзор ) } экспортировать LandlordLayout по умолчанию
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»