Integration between React Router and React-Bootstrap
Wrap your React-Bootstrap element in a
LinkContainer to make it behave like a React Router
<LinkContainer to="/foo" query=bar: "baz"><Button>Foo</Button></LinkContainer>
To disable the element and the link, set the
disabled prop on the
LinkContainer. For the equivalent of
As with React Router's
false from an
onClick handler on
LinkContainer will prevent the transition. However, this behavior will not apply to any
onClick on the child, which instead will have to call
event.preventDefault() explicitly to prevent the transition.
npm install react-router-bootstrap
You will also want to have React Router and React-Bootstrap.
npm install react-router@latest react-bootstrap