React实现Route

一、首先引入Route

/* enter.js 页面里的代码* HashRouter:有#号* BrowserRouter:没有#号* Switch:只要匹配到一个地址不往下匹配，相当于for循环里面的break* Link:跳转页面，相当于vue里面的router-link

• exact :完全匹配路由* */

•   import  {HashRouter as Router,Route,Switch,Link}  from  						'react-router-dom';
    Import  IndexComponent  from  './index/index';
    import NewsComponent from './news/index';
    render(){
    	return(
    <React.Fragment>
    	<Router>
    		<div>
    			<Switch>
    				 <Route path="/“ exact component={IndexComponent }></Route>
    				<Route path="/news" component={NewsComponent}></Route>
    			</Switch>
    		</div>
    	</Router>
    </React.Fragment>
    	)
    }
  

!!因为不能URL后边直接/配子路由,所以需要在加一行

<Route path="index“ exact component={IndexComponent }>		</Route>

这里的index是