正确使用浏览器路由实现路由器v4路由

时间:2018-02-28 17:36:43

标签: reactjs

我目前正在使用React Router v4,我正在尝试将页面存储为不同的.js文件并定义要匹配的url,以便呈现正确的.js文件。但我尝试了一些教程和我我无法这样做。

以下是相同的代码。

cmake ..

我无法弄清楚我在做什么。如果有人能帮助我,我将不胜感激。

1 个答案:

答案 0 :(得分:1)

这段代码有一个错误:

<BrowserRouter>
            <div>
              <Route path = 'main/' component={FrontPage} />
              <Route path = 'login/' component={Login} />
            </div>
</BrowserRouter>

路径应该像'/main'。像这样编辑你的代码:

<BrowserRouter>
            <div>
              <Route path = '/main' component={FrontPage} />
              <Route path = '/login' component={Login} />
            </div>
 </BrowserRouter>

另外,请勿忘记使用浏览器网址实际导航到'/main''/login'

如果仍然无效,请提及。