Confirming Navigation with React Router without Mixin for es6 Classes
Ad
With React Router is there a way to use confirm leaving a route without using a mixin? We are using es6 Classes and can't use a mixin.
This is what I am trying to accomplish: https://github.com/rackt/react-router/blob/latest/docs/guides/advanced/ConfirmingNavigation.md
Ad
Answer
Ad
You will need to use History
module and then make use of listenBefore()
:
history.listenBefore(function (location) {
if (input.value !== '') {
return 'Are you sure you want to leave this page?'
}
})
Check the Confirming Navigation docs.
Ad
source: stackoverflow.com
Related Questions
Ad
- → Import statement and Babel
- → should I choose reactjs+f7 or f7+vue.js?
- → Uncaught TypeError: Cannot read property '__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' of undefined
- → .tsx webpack compile fails: Unexpected token <
- → React-router: Passing props to children
- → ListView.DataSource looping data for React Native
- → React Native with visual studio 2015 IDE
- → Can't test submit handler in React component
- → React + Flux - How to avoid global variable
- → Webpack, React & Babel, not rendering DOM
- → How do I determine if a new ReactJS session and/or Browser session has started?
- → Alt @decorators in React-Native
- → How to dynamically add class to parent div of focused input field?
Ad