Refs in React

Refs is the shorthand used for references in React. It is similar to keys in React. It is an attribute which makes it possible to store a reference to particular DOM nodes or React elements. It provides a way to access React DOM nodes or React elements and how to interact with it. It is used when we want to change the value of a child component, without making the use of props.

Watch the full video to earn  3  

Quizzes

---

1

Uncontrolled components handle data by React?

True

False

Question 1 of 3

Check Answer

1     per question

2

What will be the value in console on the first render of this code?

import {useRef} from 'react';

export default MyComponent {
  const myRef = useRef();

  console.log(myRef); // <--- Output of this line

  return (
    <p id="tagline" ref={myRef}>Hello there from Dev11</p>
  )
}

{current: p#tagline}

undefined

p#tagline

{current: undefined}

Question 1 of 3

Check Answer

1     per question

3

Is ref property generally available in HTML elements also?

Yes

No

Question 1 of 3

Check Answer

1     per question

Coding Questions

---

	Focus the Input Field	easy	1
	Hide the div	easy	1
	Forward Ref	medium	2