react-router
Version:
A complete routing library for React.js
41 lines (28 loc) • 918 B
Markdown
Adds a hook to your component instance that is called when the router is
about to navigate away from the route the component is rendered in, with
the opportunity to cancel the transition. Mosty useful for forms that
are partially filled out, or kicking off an action somewhere to persist
state.
Lifecycle Methods
-----------------
Called when the router is attempting to transition away from the route
that rendered this component.
- `nextState` - the next router state
- `router` - the [`Router`][Router] instance
Example
-------
```js
import { TransitionHook } from 'react-router';
var SignupForm = React.createClass({
mixins: [ TransitionHook ],
routerWillLeave (nextState, router) {
if (this.formIsHalfFilledOut())
if (!prompt("You sure you want to leave?"))
router.cancelTransition();
},
// ...
});
```
[]: