Reaccionar, enfocar un elemento en Reaccionar cuando se agrega al DOM

Cómo enfocar un elemento en React tan pronto como se agregue al DOM`

Tenía un modal con una forma simple, con solo uninputfield en él, y quería poner ese elemento en foco tan pronto como React agregara el modal al DOM.

Empecé a pensar en muchas formas diferentes de hacerlo, tal vez usandouseEffect()para desencadenar un evento cuando el componente se agregó al DOM, o usando elrefprop para crear una referencia al elemento DOM y llamar a sufocus()método, pero luego me di cuenta de que estaba pensando demasiado complicado y solo usaba elautofocusEl atributo HTML del elemento podría funcionar.

Y lo hizo. Recuerda que esautoFocusen JSX, con la capitalF:

<input
  autoFocus
  ...// rest of the input field attributes

Descarga mi gratisReact Handbook


Más tutoriales de react: