Phản hồi chuyển hướng bộ định tuyến sau khi thực hiện redux

Question

Tôi đang sử dụng phản ứng-redux và phản hồi định tuyến chuẩn. Tôi cần chuyển hướng sau hành động nhất định.

Ví dụ: Tôi đã đăng ký một vài bước. Và sau khi hành động:

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

Tôi muốn anh chuyển hướng đến trang có đăng kýStep2. Làm thế nào để làm nó?

p.s. Trong trình duyệt lịch sử '/ registrationStep2' chưa bao giờ được. Trang này chỉ xuất hiện sau khi đăng ký thành công trang đăng ký thành công.

Answer 1

Với Phản ứng Router 2+, mọi lúc mọi nơi cử hành động, bạn có thể gọi browserHistory.push() (hoặc hashHistory.push() nếu đó là những gì bạn sử dụng):

import { browserHistory } from 'react-router' 

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

Bạn có thể làm điều này từ người sáng tạo hành động async quá nếu đó là những gì bạn sử dụng.

Answer 2

Bạn đã xem react-router-redux chưa? Thư viện này làm cho nó có thể đồng bộ hóa phản ứng-router với redux.

Dưới đây là ví dụ từ tài liệu về cách bạn có thể triển khai chuyển hướng bằng hành động đẩy từ phản ứng-bộ định tuyến-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

Để xây dựng trên Eni Arinde câu trả lời trước của (Tôi không có danh tiếng để bình luận), đây là làm thế nào để sử dụng phương pháp store.dispatch sau khi một hành động async:

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

Bí quyết là để làm điều đó trong các tập tin hành động và không phải trong bộ giảm tốc, kể từ khi bộ giảm tốc không nên có tác dụng phụ.