在ReactJS中路由

任何人都可以向我解释路由如何在Reactjs中工作？

browserHistory.push（'/ location'）只更新URL栏并且不redirect到它。 browserHistory.goBack（）的作品，但只有当页面被访问之前，因此名称。 这让我很难理解browserHitory.goForward（）如何工作？

login成功后，我一直在尝试redirect到仪表板。 而已。

从我读到的，React不允许重新加载页面。 如果我们尝试刷新页面或在URL中写入地址，它将显示不能GET /path错误; 除非请求是在服务器上进行的。 我试图在服务器上创build路由，但无法获得如何实现它的语法。 我只在Node中进行编码，以便将res.send（）发送到客户端应用程序。 我如何渲染这条路？ 因为渲染到该path将意味着节点的App.js具有React应用程序的视图引擎。 我不知道是否足够清楚，但任何build议将是有益的。 谢谢。

Answer 1

您可能更一般地想知道单个页面应用程序路由是如何工作的。

networking上有关于这个主题的无穷无尽的资源。

这是一个反应的文章，我非常感谢： https ://hackernoon.com/routing-in-react-the-uncomplicated-way-b2c5ffaee997

Answer 2

首先在路由器中定义所有的url，你可以看这两个video的完整路由part1 part2

你忘了添加使用browserHistory.replace（'/ location'）另一件事是不包括/在子路线中，例如像这样使用<Route path='submissions' component={Submissions} />

 export default ( <Router history={browserHistory}> <Route component={App}> <Route path='/' component={Home} /> <Route path='/submissions' component={Submissions} /> <Route path='/location' component={Location} /> <Route path='/login' component={Login} /> <Route path='/dashboard' component={Member} /> </Route> </Router> );