now there is a function that needs to determine the permission of the address of the route. If you do not have the permission, you will not enter the route.
saw this
const getConfirmation = (message, callback) => {
const allowTransition = window.confirm(message)
callback(allowTransition)
}
<BrowserRouter getUserConfirmation={getConfirmation}/>but if you click cancel, you will still enter the route. is there any divine guidance?
use the route guard hook to determine whether you have permission before entering the route, and return to the upper layer route or error page if not.
Previous: How the el-input-number tag sets the maxlength? of input Can I use the native properties of input?
Next: After the value is passed by JBox, the button is clicked and the event is not returned.
import React, { Component } from react import { BrowserRouter as Router, Route, Switch, Redirect } from react-router-dom import Path from .. containers page import Login from .. containers login const LoginRoute = ({ component: Componen...
Code first as a token of respect const routes = [ { path: , exact: true, component: Main, }, { path: company , exact: true, component: CompanyIntroduce, routes:[ ...
The loading effect is handled uniformly in dva, but loading cannot be cancelled when an error occurs in the request. What should I do? ...
the "Application enabling platform " page is expanded by default. Radio selects a row in the table, id as a parameter, and the page that needs to be passed to the enterprise information. In topic, it is impossible to pass parameters in the form of call...
react+dva2.1 version, how to make a front-end route interceptor function RouterConfig ({history, app}) { const routes = [ { path: user , models: () => [import( . models user )], component: () => import( . routes index ), }, { pat...
if you want to do a login block in a public route, some routes need to log in to enter. Which god has an idea, please provide it. Thank you ....
1. After the login is successful, the data returned by the backend is sent to the data of fetch, and then how to use routing to jump to other components 2. If routing is not needed, can I use window.location.href to jump to the component handleSubmit ...
imitates a string of code written in the official document, but the ${item} variable in the string can never be parsed on the routing parameter. It is always parsed according to the string, so that you can t get the correct parameters you want. What s...
my routing configuration is like this <Router> <Switch> <Route path=" yjs" component={YJS}>< Route> <Route path=" ycc" component={YCC}>...
introduces react-router-dom version 4.2.2 asking for help? ...
class App extends Component { render() { return ( <Provider {...store}> <HashRouter basename=" "> <Layout > < HashRouter> < Provider> ); } } Code inside Layout &l...
recently, I am learning the framework of react. I have only used a single-page application before, but now I want to use it to build a multi-page forum application. If I encounter some questions, I will ask my predecessors to answer them. I now get th...
looked at the official documentation and didn t figure out what it is. What s the difference between it and the render attribute of Route? const OldSchoolMenuLink = ({ label, to, activeOnlyWhenExact }) => ( <Route path={to} exact={activeO...
Family bucket "react": "^16.2.0", "react-dev-utils": "^5.0.0", "react-dom": "^16.2.0", "react-redux": "^5.0.7", "react-router-dom": "^4.2...
now there is a large amount of code that needs to be optimized for on-demand loading. found the plug-in react-loadable on the official website. react-loadable--githup is configured as follows. Open the console network and there is no chunk.js to as...
paste related codes: i.app.jsx render(){ return ( <HashRouter history={hashHistory}> <Switch> <Route path=" " exact component={Home}>< Route> <Route path=&q...
after the route built by react-router jumps to another page, refreshing the browser will go to the home page? How to make it only refresh this page ...
as mentioned above, I use react-router4 to route my login. When I log in successfully, change the currentURL, stored in store and then listen to the change of store in Router, change the state, of Router with this.setState (), change the URL, of the pag...
import React, {Component} from react ; import Demo1 from . demo1.js import . App.css import {BrowserRouter as Router, Route} from react-router-dom ; import A from . main a.js import B from . main b.js import C from . ...
my project will display normally on Google after it is packaged, but report "Cannot call a class as a function " on ie9. which god can help ...