设置反应路由器

时间:2017-01-18 16:23:17

标签: javascript reactjs react-router

我正在尝试为简单的单页应用程序设置路由。当我说一页时,我的意思是我的所有组件都会立即渲染。我对路由的目的是使用它来链接到锚点(点击导航会滚动到正确的部分/组件)。

index.js

没有编译错误,但没有任何内容被渲染,我在浏览器控制台中获得了以下内容。

browser console

App.js updated

routes.js

当我的App.js只渲染组件并且工作正常时,我将其恢复到初始状态。相反,我创建了一个单独的文件routes.js来保存我的路由。如果这是正确的,我怎么能得到我的index.js渲染。或者这不是事情应该有效的方式吗?

1 个答案:

答案 0 :(得分:3)

Router不是react-router的默认导出。这是正确的要求:

const Router = require('react-router').Router;

您也不应该从Router方法返回render()<Router>必须直接传递给ReactDOM.render()