使用Asp.net MVC响应路由

Question

我刚开始学习React，在Asp.NETMVC中实现React浏览器路由器在页面之间导航时遇到了困难。

我使用了相同的结构，没有应用反应asp.netMVC，它工作正常。

当我点击链接时，它不会产生任何错误，只是在页面甚至网络活动中没有任何变化。

我用MVC应用的代码如下：

--index.js--

import BodyStructure from './App';
import { BrowserRouter } from 'react-router-dom';


ReactDOM.render(
<BrowserRouter>
    <BodyStructure />
</BrowserRouter>, document.getElementById('root'));

--App.js--

import NavigationBar from './Navigation/nav.app';
import RoutingComponent from '../routingComponent';

class BodyStructure extends React.Component {

render() {
    return (
        <div>
            <div id="NavigationBar">
                <NavigationBar/>
            </div>
            <div id="MainContent">
                <RoutingComponent/>
            </div>
        </div>
    );
}
}

export default BodyStructure;

--Nav.app.js--

import { Link } from 'react-router-dom';

class NavigationBar extends React.Component {
render() {
    return (
        <div className="navbar navbar-inverse navbar-fixed-top">
            <div className="container">
                <div className="navbar-header">
                    <button type="button" className="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span className="icon-bar"></span>
                        <span className="icon-bar"></span>
                        <span className="icon-bar"></span>
                    </button>

                </div>
                <div className="navbar-collapse collapse">
                    <ul className="nav navbar-nav">
                        <li><Link to="/home">Home</Link></li>
                        <li><Link to="/about">About</Link></li>
                    </ul>
                </div>
            </div>
        </div>
    )
}
}

export default NavigationBar

--routingComponent.js--

import { Switch, Route } from 'react-router-dom';
import HomeStructure from './src/Home/home.app';
import AboutStructure from './src/About/about.app';

const RoutingComponent = () =>
(
    <Switch>
        <Route path="/" component={HomeStructure}/>
        <Route path="/home" component={HomeStructure} />
        <Route path="/about" component={AboutStructure}/>
    </Switch>
)

export default RoutingComponent;

内部routingComponent.js行

<Route path="/" component={HomeStructure}/>, 

如果我将组件更改为About结构，程序会理解它，并将主内容id更改为About结构。但是当url更改时，它不会根据url切换到所需的组件。

Tqvm在高级为您的帮助。我试图搜索与反应有关asp.netMVC的链接，但没有设法找到很多。

Answer 1

只是设法找出这个问题，通过参考这个链接React组件不显示在匹配的路由（react-router-dom）

需要在默认路径上添加'exact'关键字，以便路径之间不会混淆路由。