reactjs - React ルートが表示されない

Question

レンダリングされていないルートがあります。これは初心者の質問かもしれませんが、私はすべてを試しました。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>
        );
    }
}

私の検査官:

React インスペクター

要素インスペクター