Plugin the component ... Redirect from anywhere.

Installation

``
yarn add react-router-redirect or npm install react-router-redirect --save
`

Setup

1. Include the component anywhere in your app below the component from react-router.

`
import {Redirector} from 'react-router-redirect';

const App = () =>(








)
`

2. Now you can change the Route from anywhere

$3


`
import {push} from 'react-router-redirect';

class TestComponent extends React.Component {
onClick = () => {
push("/login")
}
render() {
return Go to login
}
}
`

$3

`
import { push } from 'react-router-redirect'; // or import replace, go, goForward, goBack
import client from 'client';
import clientLoginMutation from 'gql/mutations/clientLogin';

const sagas = [
{
saga: 'MUTATION.LOGIN.SUCESS',
handler: ({ login }) => {
client
.mutate({ mutation: clientLoginMutation, variables: { user: login } })
.then(() => {
push('/dashboard');
});
}
}
];

export default sagas;
`

$3

`
import {replace} from 'react-router-redirect';

push("/")
class TestComponent extends React.Component {
``

API

The module has all the methods available in React Router history property

- push
- replace
- go
- goForward
- goBack