如何使用反应路由器-DOM重定向

import React from 'react'; 
 
import ReactDOM from 'react-dom'; 
 
import {Provider} from 'react-redux'; 
 
import {createStore, applyMiddleware} from 'redux'; 
 
import thunk from 'redux-thunk'; 
 
import Reducer from './Reducer/'; 
 
import {HashRouter as Router, Route, Redirect} from 'react-router-dom'; 
 

 
import Login from './Components/login.jsx'; 
 
import User from './Components/User.jsx'; 
 

 

 

 

 

 

 

 

 
const store = createStore(Reducer, applyMiddleware(thunk)); 
 

 

 
    
 

 
ReactDOM.render(
 
    
 
    <Provider store={store}> 
 
     <Router> 
 
      <div>    
 
       <Route path='/login' component={Login}/> 
 
       <Route path='/user' component={User}/> 
 
      </div> 
 
     </Router> 
 
     
 
    </Provider> 
 
    
 

 
    ,document.getElementById('root'));

当用户点击了“/”网址我想他们是在登录组件，但如果我这样做：

<Route path='/' component={Login}/>

登录组件始终显示在每个不同的路线上。我的问题是。在着陆页上“/”如何使它成为登录组件，但我不希望它在那里，如果我去用户组件

来源

2017-10-06 Champa

你可以做<Route path='/' component={Login} exact />指定只渲染该组件完全/，没有更多。

来源

2017-10-06 23:38:21

你应该在你的路线确切使用方法：

<Route path="/" component={Login} exact />

此外，你应该考虑使用交换机部件来包装你的路线。这将完全呈现一条路线。按照设计，React Router呈现所有匹配的路由。阅读关于Switch的信息：https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/api/Switch.md

来源

2017-10-06 23:42:16

如何使用反应路由器-DOM重定向

回答

相关问题