Wondering what’s next for npm?Check out our public roadmap! »

    react-router-relative-link-5
    TypeScript icon, indicating that this package has built-in type declarations

    5.0.5 • Public • Published

    This uses react router version 5

    It has also been rewritten in typescript

    Please use original package if you need version 4 or if it has been updated to use version 5

    https://www.npmjs.com/package/react-router-relative-link

    react-router-relative-link-5

    TL;DR

    • A wrapper around react-router's <Link /> and <NavLink /> that allows relative paths.
    • Now supports react-router-dom version 5!

    Install

    > npm i react-router-relative-link-5 --save
    

    Usage

    To use react-router-relative-link-5, simply import it (ES6) as Link in place of react-router-dom then dot and dot-dot to your heart's content.

    So in your code, replace this:

    import { Link } from "react-router-dom";

    with the following and you're good to go!

    import { Link } from "react-router-relative-link-5";

    Here is a real world example. Notice that you don't need to know that you are at the base base /zoo, just like everywhere else in web land.

    import { Link } from "react-router-relative-link-5";
     
    export default class MyZoo extends React.Component {
        render() {
            return (
                <p>Welcome to the Lions Den at /zoo/lions</p>
                <Link to="..">Back to the Zoo Entrance</Link>
                <Link to="../giraffes">Visit the Giraffes</Link>
                <Link to="../monkeys">Visit the Monkeys</Link>
                <Link to="mountain">Visit the Mountain Lions</Link>
            );
        }
    }

    react-router-relative-link-5 support passing to as a string or as an object with a pathname property, just like react-router.

    It also works with both Link and with NavLink.

    Install

    npm i react-router-relative-link-5

    DownloadsWeekly Downloads

    36

    Version

    5.0.5

    License

    MIT

    Unpacked Size

    355 kB

    Total Files

    29

    Last publish

    Collaborators

    • avatar