React Router Quick Start Guide

to prop with an object

The to prop can be either a string or an object. The object can contain the following properties:

• pathname: The path to navigate to
• search: The query parameters to the path, represented as a string value
• hash: a hash string to add to the URL
• state: an object containing state information that the rendered component can consume

Using these parameters, let's add a <Link> component:

<Link    to={{        pathname: '/user',        search: '?id=1',        hash: '#hash',

        state: { isAdmin: true }    }}>    User</Link>

The preceding code translates to the following:

<a href="/user?id=1#hash">User</a>

The state information is not included in the URL path; however, it's available to the component that gets rendered as a result of a <Route> match:

<Route ...