ReactTraining/react-router
### [`v5.3.0`](https://togithub.com/ReactTraining/react-router/releases/v5.3.0)
[Compare Source](https://togithub.com/ReactTraining/react-router/compare/v5.2.1...v5.3.0)
This release of `react-router-dom` adds support for passing a function to either the `className` or `style` props to conditionally apply values based on the link's `active` state.
This provides similar functionality as the existing `activeClassName` and `activeStyle` props, but is a bit more powerful. For example, you can now easily apply styles exclusively to an inactive `NavLink` as well. This offers a nicer experience for folks who use utility class-based CSS tools such as Tailwind.
```tsx
function Comp() {
return (
`px-3 py-2 text-gray-${isActive ? 200 : 800}`
}
>
Home
);
}
```
Note that as of `v6.0.0-beta.3`, the `activeClassName` and `activeStyle` props are removed completely. Adding support for functional className and style props to both v5 and v6 will give v5 users an easier upgrade path.
Thanks to [@tim-phillips](https://togithub.com/tim-phillips) for raising the issue that inspired the change! 🥳
Configuration
📅 Schedule: At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
[ ] If you want to rebase/retry this PR, check this box.
elliotcourant
commented
3 years ago 
bors[bot]
This PR contains the following updates:
5.2.1->5.3.0Release Notes
ReactTraining/react-router
### [`v5.3.0`](https://togithub.com/ReactTraining/react-router/releases/v5.3.0) [Compare Source](https://togithub.com/ReactTraining/react-router/compare/v5.2.1...v5.3.0) This release of `react-router-dom` adds support for passing a function to either the `className` or `style` props to conditionally apply values based on the link's `active` state. This provides similar functionality as the existing `activeClassName` and `activeStyle` props, but is a bit more powerful. For example, you can now easily apply styles exclusively to an inactive `NavLink` as well. This offers a nicer experience for folks who use utility class-based CSS tools such as Tailwind. ```tsx function Comp() { return (Configuration
📅 Schedule: At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
This PR has been generated by WhiteSource Renovate. View repository job log here.