用于React JS UI的骨干路由器

Question

我想创建一个网站，它使用React JS作为UI组件的处理程序，使用Backbone JS作为路由。我不想按照惯常的路由，例如：

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

有人可以建议我从哪里开始，因为我无法站稳脚跟。如果你能给我一些可以帮助我的教程或书籍，那就太好了。

请原谅我，如果这似乎是一个广泛的问题。

Answer 1

我不确定你在问什么，但有一种简单的方法可以将你的Backbone路由器与React组件/视图一起使用。只需在Backbone中声明您的路由，并让每条路线呈现正确的反应组件：

在您的路由器中：

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

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

然后你需要拥有.react-mount的正确DOM元素。例如，您可以将其设置为空body，并且每个路径只会呈现完整的反应组件。