1.安裝router
cnpm install --save react-router
2.安裝react-router-dom
cnpm install react-router-dom --save-dev
3.在src下創(chuàng)建route文件夾叹侄，文件夾內(nèi)創(chuàng)建index.js;
import React from 'react'
import {HashRouter,Route,Switch,Redirect} from 'react-router-dom';
import Index from '../index/index'
import ClassCom from '../components/ClassCom'
class RouterConfig extends React.Component{
render() {
return(
<HashRouter>
<Switch>
<Route exact path="/" component={Index} />
<Route exact path="/ClassCom" component={ClassCom} />
</Switch>
</HashRouter>
)
}
}
export default RouterConfig
4.在入口文件(index.js)引入路由配置文件
import React from 'react';
import ReactDOM from 'react-dom';
import RouterConfig from './Router/index';
import reportWebVitals from './reportWebVitals';//導(dǎo)入優(yōu)化性能組件
ReactDOM.render(
// 提示
<React.StrictMode>
<RouterConfig />
</React.StrictMode>,
document.getElementById('root')
);
reportWebVitals();//優(yōu)化性能
