react route引入component一直不显示:
错误示范:
import React, { Component } from 'react';
import Home from '../pages/home/home'
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
class RouteConfig extends Component {
render() {
return (
<div className="app">
<Router>
<Switch>
<Route path="/" component={Home} exact> </Route>
</Switch>
</Router>
</div>
);
}
}
export default RouteConfig;
正确示范:
import React, { Component } from 'react';
import Home from '../pages/home/home'
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
class RouteConfig extends Component {
render() {
return (
<div className="app">
<Router>
<Switch>
<Route path="/" component={Home} exact></Route>
</Switch>
</Router>
</div>
);
}
}
export default RouteConfig;
谁能看出来是<Route></Route>中间多了空格呢:)