Question

我在自己的应用中使用了HasRouter，但效果很好，但是我在网址中使用了“＃”。

为了删除它，我发现我应该将BrowserRouter与browserHistory一起使用。

我的代码做得很糟糕，因为我无法使它正常工作，

import {
  Route,
  browserHistory,
  BrowserRouter,

} from "react-router-dom";

      <BrowserRouter history={browserHistory}>
        <div>
          <Route path="/" exact component={Intro} />

          {routes.map(prop =>
             (
               <Route
                 path={prop.path}
                 component={prop.component}
                 key={prop.id}
               />
            ))}

        </div>
      </BrowserRouter >,

package.json：

   "react-router-dom": "^4.2.2",

场景：我到达介绍页面，然后按一个按钮进入“房间”组件。该网址看起来像“ http://localhost:8080/Room”。

在介绍页面上按按钮时，我没有任何错误，但是如果我要在网址中手动输入“ http://localhost:8080/Room”

我得到：

无法获取/房间

我在做什么错？

手动修改URL或页面刷新时，React-router无法获取组件

0 个答案: