एक्शन रेडक्स

Question

के बाद प्रतिक्रिया राउटर रीडायरेक्ट मैं प्रतिक्रिया-रेडक्स और मानक प्रतिक्रिया-रूटिंग का उपयोग कर रहा हूं। मुझे निश्चित कार्रवाई के बाद पुनर्निर्देशन की आवश्यकता है।

उदाहरण के लिए: मेरे पास कुछ कदम पंजीकरण हैं। और कार्रवाई के बाद:

function registerStep1Success(object) { 
    return { 
     type: REGISTER_STEP1_SUCCESS, 
     status: object.status 
    }; 
} 

मैं चाहता हूं कि वह पंजीकरण चरण 2 के साथ पृष्ठ पर रीडायरेक्ट करें। यह कैसे करना है?

पेज। इतिहास में ब्राउज़र '/ पंजीकरणस्टेप 2' कभी नहीं रहा है। यह पृष्ठ केवल सफल परिणाम पंजीकरण चरण 1 पृष्ठ के बाद दिखाई देता है।

Answer 1

साथ

रूटर 2 + प्रतिक्रिया, जहाँ भी आप कार्रवाई प्रेषण, आप browserHistory.push() कॉल कर सकते हैं (या hashHistory.push() हैं कि आप क्या उपयोग है):

import { browserHistory } from 'react-router' 

// ... 
this.props.dispatch(registerStep1Success()) 
browserHistory.push('/registrationStep2') 

तुम भी यदि async कार्रवाई रचनाकारों से यह कर सकते हैं यही वह है जो आप उपयोग करते हैं।

Answer 2

क्या आपने react-router-redux चेक आउट किया है? यह लाइब्रेरी रेडक्स के साथ प्रतिक्रिया-राउटर को सिंक करना संभव बनाता है।

यहां प्रलेखन से एक उदाहरण दिया गया है कि आप प्रतिक्रिया-राउटर-रेडक्स से पुश एक्शन के साथ पुनर्निर्देशन को कैसे कार्यान्वित कर सकते हैं।

import { routerMiddleware, push } from 'react-router-redux' 

// Apply the middleware to the store 
const middleware = routerMiddleware(browserHistory) 
const store = createStore(
    reducers, 
    applyMiddleware(middleware) 
) 

// Dispatch from anywhere like normal. 
store.dispatch(push('/foo')) 

Answer 3

पर Eni Arinde पिछले जवाब के (मैं प्रतिष्ठा टिप्पणी करने के लिए नहीं है), यहाँ एक async कार्रवाई के बाद store.dispatch विधि का उपयोग करने के लिए कैसे है का निर्माण करने के लिए:

export function myAction(data) { 
    return (dispatch) => { 
     dispatch({ 
      type: ACTION_TYPE, 
      data, 
     }).then((response) => { 
      dispatch(push('/my_url')); 
     }); 
    }; 
} 

चाल में यह करने के लिए है कार्रवाई फाइलें और reducers में नहीं, क्योंकि reducers दुष्प्रभाव नहीं होना चाहिए।