logic is like this: the project default route is home component , determine whether there is address in localStorage , if not, jump to address component to select an address, and then jump to home component . In vue, I judge in created and then use push to jump. React-rouer documents have read but still do not know how to do
interface IDemo extends RouteComponentProps<{}>{}
class Demo extends React.Component<IDemo,{}>{
componentDidMount(){
if(!localStorage.get('XX)){
this.props.location.history.push('/)
}
}
}
export default withRouter(Demo)
it's basically the same process to put
what is the difference between react-router and react-router-dom? what is the difference between import {BrowserRouter as Router,Route,NavLink} from react-router-dom ; Router,Route,NavLink? 1. Why do route and NavLink have to be in Router? 2. Se...
excuse me, jump from page A to page B, pass the value with state, and state will be empty after page B is refreshed. How to solve it? A page pass value code render: (text, record, index) => { const path = { pathname: goods-deta...
in vue, vue-router I redirect with redireact, and the route jumps to that specified route, and the page component is displayed. When I use react, it doesn t seem to show by default when it is set up in the route. Why is that? as shown in the fig...
I send dispatch, in the AddTodo.js file import React from react import { connect } from react-redux import { addToCart } from .. actions cart-actions let AddTodo = ({ dispatch }) => { let input return ( <div> ...
background: some people say: "withRouter can wrap any custom component, passing in three objects of react-router s history,location,match. there is no need to pass react-router attributes at one level. When you need to use the router attribut...
question: this is a code from Ruan Yifeng s react-router: address: http: www.ruanyifeng.com blo. slide to the bottom how can I put it into the overall situation through this code? Which file should I put in? my index.js: import $ from &qu...
can Anchor anchor points and anchor link href of antd be added to custom tags? you don t want to use your own style import { Anchor } from antd ; const { Link } = Anchor; ReactDOM.render( <Anchor> <Link href="-sharpcomponent...
problem description scroll down to the second page on the original list page of the (A) page, click the list < Link to= "xxx " > to jump to the detailed (B) page, and click the back button on the (B) page to execute this.props.history.goBack () ...
items are built using creat-react-app I have configured Home and Account two child routes in index.js, ReactDOM.render( <HashRouter> <Switch> <Route exact path=" home" component={Home} > <Route...
items are built using creat-react-app I have configured Home and Account two child routes in index.js, ReactDOM.render( <HashRouter> <Switch> <Route exact path=" home" component={Home} > <Route...
use hashRouter , click on the tag to set the currently selected tag through redux , and then use what method to perform route redirection? Is there a push method like vue? <Tag color={this.props.tag === tag.name ? green : orange } key={...
now you want to set articesList as the default route. Click the article tag in AppSider to go to articlesList route, and click on the article in ArticlesList to enter articleDetail Route App.js . <Layout className="app-container"...