How to show different icon in active NavLink in react-router-dom v6?

Sahil Verma answered on June 13, 2022 Popularity 2/10 Helpfulness 1/10

answer How to show different icon in active NavLink in react-router-dom v6?

How to show different icon in active NavLink in react-router-dom v6?

Comment

const CustomNavLink = ({ to, activeIcon, inActiveIcon }) => {
  return (
    <NavLink to={to}>
      {({ isActive }) => isActive ? activeIcon : inActiveIcon}
    </NavLink>
  );
};

Popularity 2/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: javascript react-router-dom show

Link to this answer
Share Copy Link

Contributed on Jun 13 2022

Sahil Verma

0 Answers Avg Quality 2/10

How to show different icon in active NavLink in react-router-dom v6?

Contents

More Related Answers

How to show different icon in active NavLink in react-router-dom v6?

Grepper

Documentation

Social

Legal

Contact

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