2017-06-02 134 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} />} /> 
相關問題