रेल राउटर के ऊपर रिएक्ट राउटर का उपयोग कैसे करें (प्रतिक्रिया-रेल मणि का उपयोग नहीं कर रहे हैं)?

Question

अब मैं जेएस फाइलों को संकलित करने के लिए browserify-rails का उपयोग करके रेल ऐप (आउट रिएक्ट-रेल मणि के साथ) पर रूबी के शीर्ष पर रिएक्ट ऐप बना रहा हूं।

तो मैं हमें react-router करने की कोशिश की अनुप्रयोग के रूटर विन्यास के लिए

यह मेरा main.js

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import { Router, Route } from 'react-router'; 
import { browserHistory } from 'react-router'; 

/*Import Component*/ 

import DashBoard from './components/dashboard'; 
import Group from './components/dashboard'; 

/* 
* 
* Routes 
* 
* */ 

var routes = (
    <Router history={browserHistory}> 
     <Route path="/" component={DashBoard}/> 
     <Route path="/group" component={Group}/> 
    </Router> 
); 

ReactDOM.render(routes , document.querySelector('#main')); 

है लेकिन मैं

मिला जब मैं

http://my.app.dev/group 

करने के लिए जाना

No route matches [GET] "/group" (From Rails) 

तो मैं इसे कैसे ठीक कर सकता हूं और रेल राउटर के ऊपर रिएक्ट राउटर कैसे बना सकता हूं?

धन्यवाद!

Answer 1

आप एक पृष्ठ के लिए अपने सभी अनुरोध को रीडायरेक्ट करना चाहते हैं, कि आसान है:

# config/routes.rb 

root 'dash_board#index' 
get '*path', to: 'dash_board#index' 

तो रेल, अपने डैशबोर्ड # सूचकांक पृष्ठ पर घटकों प्रतिक्रिया प्रदान करेगा प्रतिक्रिया के रूटर वहाँ से इसे रोकने की होगी।