You can prevent a transition from happening or prompt the user before leaving a route with a leave hook.
const Home = React.createClass({
contextTypes: {
router: Router.PropTypes.router
},
componentDidMount() {
this.context.router.setRouteLeaveHook(this.props.route, this.routerWillLeave)
},
routerWillLeave(nextLocation) {
// return false to prevent a transition w/o prompting the user,
// or return a string to allow the user to decide:
if (!this.state.isSaved)
return 'Your work is not saved! Are you sure you want to leave?'
},
// ...
})