2014-10-09 114 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,並且每個路由只呈現完整的反應組件。