react: how to set focus from a click handler

Question

My react-redux based form has a button that should reset the form and move focus back to the first input field.
Resetting the content is straight up redux state, but I'm having trouble with the focus.

autoFocus on the first field works only on the initial render. Is there any sane way to re-trigger it?

If I need to go with explicit element.focus(), where should I call it from? I'm using react-redux, but not redux-forms.

Answer 1

Do you keep some info in store to know which element should get focus on page load? Nope? Then why you should do that later?

Trigger element.focus() right after dispatching action - you don't need Redux to achieve this, nor Redux to store this state.

Pseudocode could look like this

onReset() {
  const action = {
    type: RESET_FORM,
  }
  dispatch(action);

  const element = getElement(); // propably read ref? Find element with [autoFocus] attribute in component?
  element.focus();
}