在现有应用程序中将React应用程序与React-Router 4嵌入

Question

我有一个现有的具有许多核心功能的Rails应用程序，并且已经构建了一个将在该Rails应用程序路由的特定通配符路径中存在的react路由器应用程序。

如何阻止React-Routes插件拦截所有链接

假设我已经在/ reactApp / *上安装了我的应用程序，并且还有其他链接，例如/ dashboard，/ account等，则react-routes插件将拦截外部链接点击（react应用程序安装在现有现有中间的div上导轨布局）。 我希望它仅拦截实际React应用程序中定义为路线的链接点击。

Answer 1

关于如何执行此操作，我在这里整理了基本的概念证明，它实际上很酷。 对于您希望在React应用程序中拥有的所有路线，请说是“ superwidget / *”，请执行以下操作

#routes.rb
 root to: 'dashboard#index'
 get 'superwidget', to: 'react#index'
 get '*superwidget', to: 'react#index'

您需要在“ react＃index”组件上设置skip_before_action :verify_authenticity_token

然后，您可以挂载您的react应用程序，并且rails应用程序将使用它可以处理的URL。 如果您聪明地管理路由方案，那么您应该很轻松。

我什至在这里https://github.com/Proximaio/rails-react-example整理了一个（极其糟糕的）示例仓库