react: how to set focus from a click handler

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();
}

you can use:

document.getElementById("ElementName").focus();

Final code here:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">

<script>
function change() {
    document.getElementById("two").focus();
}
</script>
</head>



<body>
    <input type="radio" name="name" id="name" onchange="change()" /> 

    <input type="text" name="one" id="one" /> 
    <input type="text" name="two" id="two" /> 
</body>
</html>

Tags:

Javascript

Html

Reactjs

Redux

Recent Posts