Cách nhận vị trí hiện tại từ bộ phản ứng-bộ định tuyến?

Question

Tôi đang cố gắng điều hướng ứng dụng của tôi từ trạng thái của nó. Đây là trường hợp sử dụng của tôi:

Given the user is on the Login page 
When the application state changes to isLoggedIn 
Then the application should navigate to the Dashboard page 

Dưới đây là thực hiện hiện tại của tôi mà hoạt động:

if (browserHistory.getCurrentLocation().pathname === '/login' && store.isLoggedIn) { 
    browserHistory.push('/dashboard'); 
} 

Đáng tiếc là trải qua phản ứng-router tài liệu và các vấn đề, tôi hiểu rằng browserHistory.getCurrentLocation() không phải là một API chính thức và nó không nên đã sử dụng. Có cách nào được khuyến nghị để làm điều này không?

P.S. Mã này đang chạy bên ngoài thành phần React, vì vậy tôi không thể sử dụng this.props.location.pathname

Answer 1

Javascript có phương thức được xây dựng trong window.location, heres the documents: http://www.w3schools.com/js/js_window_location.asp. Tôi nghĩ rằng đó sẽ là giải pháp tốt cho những gì bạn đang cố gắng hoàn thành.

Answer 2

export const onAuthChange = (isAuthenticated) => { 
    const pathname = browserHistory.getCurrentLocation().pathname; 
    const isUnauthenticatedPage = unauthenticatedPages.includes(pathname); 
    const isAuthenticatedPage = authenticatedPages.includes(pathname); 

    if (isUnauthenticatedPage && isAuthenticated) { 
    browserHistory.replace('/Dashboard'); 
    } else if (isAuthenticatedPage && !isAuthenticated) { 
    browserHistory.replace('/'); 
    } 

};