沒有顯示的反應路線

Question

我有一條路徑沒有渲染。這可能是一個noob問題，但我嘗試了一切。使用最新版本的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 inspector

Element inspector

Answer 1

我試過你的代碼，它適合我。

您在瀏覽器上嘗試了哪個URL？並且還要確保controller和floor組件的位置？

對我來說，我訪問​​和工作正常。