我有一条未渲染的路线。这可能是一个菜鸟问题,但我尝试了一切。使用最新版本的 React、react-route-dom 和 es6。
我的 App.js:
import React from 'react'
import ReactDOM from 'react-dom'
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'
import Controller from './Controller'
import Floor from './Floor'
const App = () => {
return (
<div>
<Router>
<Switch>
<Route path="/floor" component={Floor}/>
<Route path="/controller" component={Controller}/>
</Switch>
</Router>
</div>
)
}
export default App
我的组件:
import React, { Component } from 'react';
import ReactDOM from 'react-dom'
export default class Floor extends Component {
render() {
return (
<div>Floor</div>
);
}
}
我的检查员: