Javascript 设置react路由器

Javascript 设置react路由器,javascript,reactjs,react-router,Javascript,Reactjs,React Router,我正在尝试为一个简单的单页应用程序设置路由。当我说一页时,我的意思是我的所有组件都将一次呈现。我的布线目的是将其用于链接到锚点(单击导航将滚动到正确的部分/组件) 没有编译错误,但没有渲染任何内容,我在浏览器控制台中获得以下内容 我已经将App.js恢复到最初的形式,当时它只渲染组件,工作正常。相反,我创建了一个单独的文件routes.js来保存路由。如果这是正确的,我如何通过index.js获得这两种渲染。或者这不是工作的方式吗?Router不是react Router的默认导出。这是

我正在尝试为一个简单的单页应用程序设置路由。当我说一页时,我的意思是我的所有组件都将一次呈现。我的布线目的是将其用于链接到锚点(单击导航将滚动到正确的部分/组件)

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


我已经将App.js恢复到最初的形式,当时它只渲染组件,工作正常。相反,我创建了一个单独的文件routes.js来保存路由。如果这是正确的,我如何通过index.js获得这两种渲染。或者这不是工作的方式吗?

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

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

您也不应该从
render()
方法返回
Router
。必须将
直接传递到
ReactDOM.render()

您可以尝试查看以下内容:@pinturic,它会导致一个已经工作的环境。目前,我正在尝试使用路由让我的页面呈现我的组件。之后我将研究锚链接问题。使用根路由:
其他路由转到此处,并在您的App.render()中:
返回{this.props.children}`。像这样的东西应该足够了。我会有像ReactDOM.render({routes},document.getElementById('app'))这样的东西吗;在我的index.js中?