如何在 ReactJs 中使用路由？

Question

我使用了 react-router-dom 中的 HashRouter。当我使用路由器时找不到页面。从 URL 中删除 HashRouter 的最佳方法是什么？我的服务器端项目是 asp.net MVC 和使用 webapi2。IIS6

Answer 1

在 App.js 文件中 -

import React, { Component } from 'react'
import './App.css'
import {BrowserRouter as Router, Switch, Route} from 'react-router-dom'
import Header from './component/header/header'
import Test from './component/test/test'
import Speaking from './component/test/speaking/speaking'
import Demo from './component/test/speaking/demo/demo'

 class App extends Component {
   render () {
      return (
          <Router>
             <div >
          <Header />
          <Switch>
             <Route path='/' component={Demo} />
             <Route path='/test' component={Test} />
             <Route path='/Speaking' component={Speaking } />
          </Switch>
            </div>
         </Router>
       )
      }
     }

    export default App