React > Refs

by academiax

HTML

<div id="app"></div>

React

function EjemploRefs() {
  const [inputText, setInputText] = React.useState('');
  const inputEl = React.useRef(null);

  function enClick() {
    inputEl.current.focus();
  }

  return (
    <div>
      <input   
        type="text" 
        ref={inputEl} 
        value={inputText} 
        onChange={(e) => setInputText(e.target.value)} />
      <button 
        onClick={enClick}>
        Enfocar input
      </button>
    </div>
  );
}

ReactDOM.render(<EjemploRefs />, document.querySelector("#app"))