在現有應用程序中將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整理了一個（極其糟糕的）示例倉庫