Как сделать редирект на страницу пользователя React/Redux?

Пробуй реализовать регистрация и вход с помощью React&Redux также использую React Router Делаю через LocalStorage.Сделал регистрацию при которой данные заносится в массив пользователей. При login я получаю email и пароль которые вёл пользователь и сравниваю их с массивом зарегистрированных пользователей.И если они совпадают пользователя должно перекинуть на его личную страницу. У каждого пользователя есть свой ID я хочу сделать так чтобы можно было зайти на страницу введением его в пути в url.

Как мне правильно воспользоваться React Router,или может есть какие-то другие пути? Спасибо!

Login

<div className="login">
   <form onSubmit={()=>this.props.login(this.props.valueEmailLogin,this.props.valuePassLogin,this.props.users)} className="login__form">
        <input type="text" onChange={this.props.handleChangeEmailLogin} value={this.props.valueEmailLogin} placeholder="Email"/>
        <input type="text" onChange={this.props.handleChangePassLogin} value={this.props.valuePassLogin} placeholder="Password"/>
        <input type="submit" value="Login" className="login__form-button"/>
    </form>
</div>

Action

export function login(valueEmailLogin,valuePassLogin,users){
    return(dispatch) =>{
       event.preventDefault();
       users.map(value =>{
           if(value.email == valueEmailLogin && value.pass == valuePassLogin){
            window.location.href = '/'+value.id;
           }else{
               alert("Wrong email or password")
           }
       })
    }
}

Routes

export default () => (
    <Switch>
        <Route path="/login" exact component={Login}/>
        <Route path="/registration" exact component={Registration}/>
        <Route path="/:id" exact component={UserPage}/>
    </Switch>
);

User page

<div className="UserPage">
   <h1>UserPage</h1>
</div>