react-router-bootstrap
Integration between React Router v4 and React Bootstrap.
Installation
For React Router v4:
npm install -S react-router-bootstrap
For React Router v3 or lower (see rr-v3 branch):
npm install -S react-router-bootstrap@rr-v3
Usage
Wrap your React Bootstrap element in a <LinkContainer>
to make it behave like a React Router <Link>
<LinkContainer>
accepts same parameters as React Router's <NavLink>
Please note that by default React Router will match any location that contains path specified in to
prop. To make <LinkContainer>
to match the location exactly, set exact
prop to true
or use <IndexLinkContainer>
instead.
Example
Following plain React Bootstrap component
<Button href="/foo/bar">Foo</Button>
becomes
import { LinkContainer } from 'react-router-bootstrap'
<LinkContainer to="/foo/bar">
<Button>Foo</Button>
</LinkContainer>
Contributing
See CONTRIBUTING.