These routers provide the context that React Router needs to operate in a particular environment. is used with your own history instance.is useful in testing scenarios and as a reference implementation for the other routers.should be used when server-rendering a website.or should be used when running in a web browser (which one you pick depends on the style of URL you prefer or need).We provide several different routers depending on where your app is running. To get React Router working in your app, you need to render a router element at or near the root of your element tree. The examples in this reference all use import syntax. If you installed it from npm, you can import the pieces you need. If you installed React Router as a global (using a tag), you can find the library on the window.ReactRouterDOM object. Otherwise you may accidentally import mismatched versions of the library in your app. When you import stuff, you should always import from either react-router-dom or react-router-native and never directly from react-router. react-router-native includes everything from react-router and adds a few APIs that are specific to React Native, including and a native version of īoth react-router-dom and react-router-native automatically include react-router as a dependency when you install them, and both packages re-export everything from react-router.react-router-dom includes everything from react-router and adds a few DOM-specific APIs, including, , and.react-router contains most of the core functionality of React Router including the route matching algorithm and most of the core components and hooks.React Router is published to npm in three different packages:

This reference contains the function signatures and return types of the various interfaces in React Router. React Router is a collection of React components, hooks and utilities that make it easy to build multi-page applications with React.

React router dom props.history