{
27 |
28 | /** do something before redirection */
29 | props.push('/home');
30 |
31 | }}>login
32 |
33 | // connect the action:
34 | export default connect(null, { push })(Component);
35 | ```
36 |
37 | #### in redux thunk
38 | ```js
39 | import { push } from 'connected-react-router'
40 |
41 | export const login = (username, password) => (dispatch) => {
42 |
43 | /* do something before redirection */
44 |
45 | dispatch(push('/home'))
46 | }
47 |
48 | ```
49 | #### in redux saga
50 | ```js
51 | import { push } from 'connected-react-router'
52 | import { put, call } from 'redux-saga/effects'
53 |
54 | export function* login(username, password) {
55 |
56 | /* do something before redirection */
57 |
58 | yield put(push('/home'))
59 | }
60 | ```
61 |
62 | ### How to get the current browser location (URL)
63 | The current browser location can be accessed directly from the router state with `react-redux`'s `connect`.
64 | The location object is comprised of pathname, search (query string), and hash.
65 | ```js
66 | import { connect } from 'react-redux'
67 |
68 | const Child = ({ pathname, search, hash }) => (
69 |
70 | Child receives
71 |
72 | pathname: {pathname}
73 |
74 |
75 | search: {search}
76 |
77 |
78 | hash: {hash}
79 |
80 |