2017-06-02 162 views
0

如何通过从localhost:xxxx /#/加载页面到localhost:xxxx /#/ month来重定向页面?如何从索引页面重定向到其他页面

我有这样的index.js代码,调用App类:

ReactDOM.render((
    <HashRouter> 
     <Route path="/" component={App}> 
     </Route> 
    </HashRouter> 
), document.getElementById('root')); 

App.js具有静态信息和组件视图将是动态的信息:

export default class App extends React.Component { 
    render() { 
    return (
     <div> 
     Hello App) 
     <View/> 
     </div> 
    ); 
    } 
} 

View.js:

export default class View extends React.Component { 
    render() { 
     return(
       <div> 
        <p>this is View</p> 
        <ul> 
         <li><Link to="/month">Month</Link></li> 
         <li><Link to="/week">Week</Link></li> 
         <li><Link to="/day">Day</Link></li> 
         <li><Link to="/year">Year</Link></li> 
        </ul> 
        <Switch> 
         <Route exact path="/month" component={Month} /> 
         <Route path="/week" component={Week} /> 
         <Route path="/day" component={Day} /> 
         <Route path="/year" component={Year} /> 
        </Switch> 
       </div> 
     ); 
    } 
} 

回答

1

您可以使用Redirect

<Route exact path={your_root_path} render={() => <Redirect to={month_path} />} /> 
相关问题