2014-10-09 117 views
2

我想创建一个网站,使用React JS作为UI组件和Backbone JS的处理程序进行路由。我不喜欢按照通常的路由,例如:React JS的骨干路由器UI

www.domain-name.com/blog1 
www.domain-name.com/blog1/post1 
www.domain-name.com/blog1/profile 

我想实现路由与此类似:

blog1.domain-name.com 
blog1.domain-name.com/post1 
blog1.domain-name.com/profile 

可有人建议我从哪里开始,因为我可以”让我站稳脚跟。如果你能给我一些帮助我的教程或书籍,那会很棒。

对不起,如果这似乎是一个广泛的问题。

+0

看看这个https://github.com/rackt/react-router – Retozi 2014-10-09 10:16:18

+0

这个问题的答案是严格的服务器端,并且与反应,骨干或客户端路由没有任何关系。它还涉及编辑您的DNS。 – FakeRainBrigand 2014-10-09 16:22:32

+0

@Retozi我已经做了。但我认为,骨干路由器比反应路由器稳定得多。 – Holmes 2014-10-10 03:41:21

回答

1

我不完全确定你在问什么,但是有一个简单的方法可以使用带有React组件/视图的骨干路由器。只需要声明你的路由像往常一样在骨干,并有各自的路线呈现适当的反应成分:

在你的路由器:

routes: { 
    'signup': 'signup', 
    'posts/new': 'newPost' 
    .... 
} 

newPost: function() { 
    reactMount = $('.react-mount')[0] 
    React.renderComponent(MyNewPostReactComponent, whateverProps, reactMount) 
} 

接下来,你需要有适当的DOM元素与.react-mount。例如,您可以将其设置为空的body,并且每个路由只呈现完整的反应组件。