27 lines
522 B
JavaScript
27 lines
522 B
JavaScript
// @flow
|
|
import * as React from "react";
|
|
import { NavLink, Route, type Match } from "react-router-dom";
|
|
|
|
type Props = {
|
|
children?: (match: Match) => React.Node,
|
|
exact?: boolean,
|
|
to: string,
|
|
};
|
|
|
|
export default function NavLinkWithChildrenFunc({
|
|
to,
|
|
exact = false,
|
|
children,
|
|
...rest
|
|
}: Props) {
|
|
return (
|
|
<Route path={to} exact={exact}>
|
|
{({ match }) => (
|
|
<NavLink {...rest} to={to} exact={exact}>
|
|
{children ? children(match) : null}
|
|
</NavLink>
|
|
)}
|
|
</Route>
|
|
);
|
|
}
|