相关疑难解决方法(0)

React Router 更改 URL,但 BrowserRouter 不会更改查看的组件

我正在做的项目有点敏感,但这是我可以向大家展示的。

默认域

当我单击 NavBar 中的 s 之一时,它会更改 URL,但不会将视图更改为正确的组件。有谁知道为什么?如果有更好的方法可以表达或提高我的 questin 的质量,请告诉我。

我返回的渲染

<NavBar />
<BrowserRouter>
  <div>
    <Switch>
      <Route path="/propertytypes" component={PropertyTypes} />
      <Route path="/entitytypes" component={EntityTypes} />
      <Route path="/associationtypes" component={AssociationTypes} />
      <Route path={Routes.ROOT} component={Test} />
    </Switch>
  </div>
</BrowserRouter>
Run Code Online (Sandbox Code Playgroud)

我的导航栏

import React, { Component } from "react";
import { Link } from "react-router-dom";

class NavBar extends Component {
  render() {
    return (
      <div>
        <ul>
          <li>
            <Link to="/propertytypes">Props!</Link>
          </li>
          <li>
            <Link to="/entitytypes">Ent!</Link>
          </li>
          <li>
            <Link to="/associationtypes">Ass!</Link>
          </li>
        </ul>
      </div>
    );
  }
}

export default NavBar;
Run Code Online (Sandbox Code Playgroud)

点击道具链接后 在此处输入图片说明

javascript reactjs react-router

4
推荐指数
1
解决办法
8830
查看次数

标签 统计

javascript ×1

react-router ×1

reactjs ×1