navLink | Remix | Page 1

bleak jolt Nov 15, 2022, 3:34 PM

#

i have a problem with using NavLink.
value of "isActive" is never changed even i'am in the right page,
here is my code.

<NavLink
to={/${loginInfo.name}/setting}
style={isActive => ({
color: isActive ? "green" : "blue"
})}

hello
    </NavLink>

please help me😭

subtle creek Nov 15, 2022, 3:38 PM

#

as far as I remember you need to do ({ isActive })

#

the function receives an object with isActive as a property

#

so the reason it's always true is because an object is a truthy value

bleak jolt Nov 15, 2022, 3:56 PM

#

Thank you for your answer. But its didnt work. My isActive always comes false

bleak jolt Nov 16, 2022, 9:06 AM

#

i just fixed it not by using "/" on the "to" value;

#

before : to = "/name/setting"
after : to="setting"

#navLink