import React from 'react';
import {HashRouter, Route, Switch,hashHistory} from 'react-router-dom';       //導(dǎo)入react-router-dom組件
import App from '../App';                                                     //導(dǎo)入頁面
import StatisticsInformation from '../firstpage/StatisticsInformation';       //導(dǎo)入頁面
import createBrowserHistory from "history/createBrowserHistory";              //導(dǎo)入history包
const customHistory = createBrowserHistory();                                 //創(chuàng)建
const BasicRoute = () => (
        <HashRouter history={customHistory}>    //給路由添加屬性history，這樣父組件就可以調(diào)用this.props.history.push
        <Switch>
            <Route exact path="/" component={App}/>   //注冊(cè)組件
            <Route exact path="/firstpage/StatisticsInformation" component={StatisticsInformation}/>   //注冊(cè)組件
        </Switch>
      </HashRouter>
);
export default BasicRoute;

export ?default ?class ?App ?extends ? React.Component{
?render(){
? ? ? ? return (
? ? ? ? ? ? <div className="back">
? ? ? ? ? ? ? <Login ?history={this.props.history} url='http://www.baidu.com' /> ?//將this.props.history作為屬性傳遞給子組件Login。因?yàn)樽咏M件不具備history屬性。
? ? ? ? ? ? </div>
? ? ? ? );}}

class Login ? extends ? React.Component{
? ? ?submitFun(username,password){ ? ? ? ? ? ?//登錄驗(yàn)證函數(shù) ? ? ? ? ?
? var ?newpage = this.props.newpage; ? ? ? ? ?//跳轉(zhuǎn)的目標(biāo)頁面
?this.props.history.push(newpage); ? ? ? ? ?//實(shí)現(xiàn)跳轉(zhuǎn)
? ? ? ? ?} ; ?

?render(){ ? ? ??
? ? ? return(
? ? ? ? ?<Form ?onSubmit={(username,password)=>this.submitFun(username,password)} > ? //登錄的時(shí)候觸發(fā)函數(shù)
? ? ? ? </Form>
? ? ? ?) }
}

npm ?install ?react-router-dom
npm ?intall ? history