Ref: Refs and Function Components
Refs and Function Components
function CustomTextInput(props) {
// textInput must be declared here so the ref can refer to it
let textInput = React.createRef();
function handleClick() {
textInput.current.focus();
}
return (
<div>
<input
type="text"
ref={textInput} />
<input
type="button"
value="Focus the text input"
onClick={handleClick}
/>
</div>
);
} You may not use the ref attribute on function components because they don’t have instances. You should convert the component to a class if you need a ref to it, just like you do when you need lifecycle methods or state. .
Semantic portal