2016-01-16 14 views
5

साथ रूटर 2.0.0rc1-5 मैं browserHistory हो रही किया गया है प्रतिक्रिया के रूप में आयात के बाद अपरिभाषित:browserHistory साथ अपरिभाषित प्रतिक्रिया रूटर 2.00 रिलीज़ कैंडीडेट

import { browserHistory } from 'react-router'

पैकेज सही ढंग से स्थापित किया जा रहा है, लेकिन की परवाह किए बिना संस्करण और सर्वर या क्लाइंट पर, मुझे एक ही परिणाम मिल गया है।

शायद यह एक ज्ञात बग है?

+0

, आप इतिहास निर्माता मिल 'इतिहास' पैकेज से। [डॉक्स] पर एक नज़र डालें (https://github.com/rackt/react-router/blob/1.0.x/docs/guides/basics/Histories.md)। –

+1

मास्टर शाखा से, मेरा मानना ​​है कि वे वास्तव में पैकेजिंग ब्राउज़र हैं प्रतिक्रिया-राउटर में इतिहास – hoodsy

+0

2.0 आरसीएस WIth, मुझे सर्वर पर अपरिभाषित हो जाता है ... और ब्राउज़र में मुझे '' 'connect.js मिल जाता है? 243b: 60 Uncaught TypeError: finalMapStateToProps एक फ़ंक्शन ''' नहीं है (जो Redux समस्या की तरह लगता है)। मुझे लगता है कि यह रिएक्ट राउटर के प्रतिपादन से संबंधित है, क्योंकि मुझे सर्वर पर एक ही त्रुटि मिलती है जब तक कि मैं अपने '' रेंडर टॉस्ट्रिंग''' – hoodsy

उत्तर

1

देखें useRouterHistory: https://github.com/rackt/react-router/blob/master/upgrade-guides/v2.0.0.md#using-custom-histories

मैं सर्वर साइड में यह उपयोग कर रहा हूँ:

import {Router, RouterContext, match, useRouterHistory} from 'react-router'; 
import {createMemoryHistory} from 'history'; 

// ... 
const appHistory = useRouterHistory(createMemoryHistory)({}); 
const component = (
    <Provider store={store} key="provider"> 
    <Router routes={routes} history={appHistory} /> 
    </Provider> 
); 
+1

आप 'प्रतिक्रिया-राउटर' संस्करण 3.0 स्थापित कर सकते हैं, जैसे: 'npm install - सेव प्रतिक्रिया-राउटर @ 3.0' को अपनी वेबपैक कॉन्फ़िगरेशन फ़ाइल को भी अपडेट करना चाहिए। और आप जाने के लिए अच्छे हैं। –

0

स्थापित प्रतिक्रिया रूटर संस्करण 3.0

npm install --save [email protected] या

yarn add [email protected]

फिर, दोनों तरीकों से काम:

विधि 1

import { Router, useRouterHistory } from 'react-router'; 
import {createMemoryHistory} from 'history'; 
import routes from './routes'; 

const appHistory = useRouterHistory(createMemoryHistory)({}); 

ReactDOM.render(
    <Router history={appHistory} routes={routes}/>, 
    document.getElementById('root') 
); 

विधि 2

import { Router, browserHistory } from 'react-router'; 
import routes from './routes'; 

ReactDOM.render(
    // or hashHistory 
    <Router history={browserHistory} routes={routes}/>, 
    document.getElementById('root') 
); 
`प्रतिक्रिया-router` के नए संस्करणों के साथ
संबंधित मुद्दे