In React Router v6, activeStyle will be removed and you should use the function style to apply inline styles to either active or inactive NavLink components.

Enchanting Echidna answered on February 20, 2022 Popularity 1/10 Helpfulness 1/10

answer In React Router v6, activeStyle will be removed and you should use the function style to apply inline styles to either active or inactive NavLink components.

In React Router v6, activeStyle will be removed and you should use the function style to apply inline styles to either active or inactive NavLink components.

Comment

<NavLink
  to="users"
  style={({ isActive }) => ({
    color: isActive ? '#fff' : '#545e6f',
    background: isActive ? '#7600dc' : '#f0f0f0',
  })}
>
  Users
</NavLink>

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: ultimatecourses.com

Tags: apply either function inline-styles javascript react-router

Link to this answer
Share Copy Link

Contributed on Feb 20 2022

Enchanting Echidna

0 Answers Avg Quality 2/10

In React Router v6, activeStyle will be removed and you should use the function style to apply inline styles to either active or inactive NavLink components.

Contents

More Related Answers

In React Router v6, activeStyle will be removed and you should use the function style to apply inline styles to either active or inactive NavLink components.

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.