Asp.net mvc 如何在ReactJs中使用路由?

Asp.net mvc 如何在ReactJs中使用路由?,asp.net-mvc,reactjs,iis,routing,react-router-dom,Asp.net Mvc,Reactjs,Iis,Routing,React Router Dom,我使用了react router dom中的HashRouter。 当我使用路由器时,页面是 没有找到。 从URL中删除HashRouter的最佳方法是什么? 我的服务器端项目是asp.net MVC,使用webapi2。 IIS6在App.js文件中- import React, { Component } from 'react' import './App.css' import {BrowserRouter as Router, Switch, Route} from 'react-ro

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

在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
import React,{Component}来自“React”
导入“./App.css”
从“react Router dom”导入{BrowserRouter as Router,Switch,Route}
从“./component/Header/Header”导入标题
从“./组件/测试/测试”导入测试
从“./component/test/Speaking/Speaking”导入口语
从“./component/test/speaking/Demo/Demo”导入演示
类应用程序扩展组件{
渲染(){
返回(
)
}
}
导出默认应用程序

使用
浏览器路由器
,您将从同一个软件包中获得该路由器。另请参见此-