How to redirect to another route programmatically

I have an <input /> with a handler on ‘enter’ key up event handler. How can I redirect to /app?keyword=[input_value] in that event handler.

[davedx]

This is crazy, the documentation is terrible when describing something as basic as navigating programmatically. The link you post still doesn’t make sense to me, my component gets a ‘history’ not a ‘router’ passed into its props (v2), so I still have no idea from the docs how to do basic navigation in my code.

If the documentation was better people wouldn’t need to comment on old Github issues. So frustrating.

[TeemuKoivisto]

Say what you want but the docs are bad and confusing. To stop the user from ever even visiting a page thus not causing any unwanted API-calls happening the best method I found is to put a middleware function to route’s onEnter -property and check if user is logged in / has required privileges. Not so easy to just “read the docs” and know what to do. So I have route like this:

<Route path="user/me" component={UserShow} onEnter={redirectNonUser} />

And then middleware function like this:

export const redirectNonUser = (nextState, replace) => {
  const user = store.getState().get("auth").get("user").toJS();
  if (user.role === undefined) {
    replace({
      pathname: "/login",
    });
  }
};

Which works but was way too hard to figure out and I think the hackiness still shows and it still feels to me a bit ambiguous