solved:problem:easy

solved:problem:medium

Learn React JS and build 3 projects from absolute scratch! This course includes React Router v6, Deployments and much more

React

V2UgaGF2ZSB0d28gY29tcG9uZW50czogYDxUZXh0SW5wdXQgLz5gIGFuZCBgPEFwcCAvPmAuIFRleHRJbnB1dCByZW5kZXJzIGEgdGV4dCBpbnB1dCBmaWVsZC4KCmBgYGpzCmNvbnN0IFRleHRJbnB1dCA9ICgpID0+ICgKICA8ZGl2PgogICAgPGlucHV0IHR5cGU9InRleHQiIC8+CiAgPC9kaXY+CikKYGBgCgpBcHAgY29tcG9uZW50IGNvbnN1bWVzIFRleHRJbnB1dC4KCmBgYGpzCmNvbnN0IEFwcCA9ICgpID0+IHsKICByZXR1cm4gKAogICAgPGRpdj4KICAgICAgPFRleHRJbnB1dCAvPgogICAgICA8VGV4dElucHV0IC8+CiAgICAgIDxidXR0b24+QnV0dG9uIDE8L2J1dHRvbj4KICAgICAgPGJ1dHRvbj5CdXR0b24gMjwvYnV0dG9uPgogICAgPC9kaXY+CiAgKQp9CmBgYAoKV2hlbiBCdXR0b24gMSBpcyBjbGlja2VkLCBmaXJzdCB0ZXh0Ym94IHNob3VsZCBnZXQgZm9jdXMgYW5kIHdoZW4gc2Vjb25kIGJ1dHRvbiBpcyBjbGlja2VkLCBzZWNvbmQgdGV4dGJveCBzaG91bGQgZ2V0IGZvY3VzLiBIb3cgY2FuIHdlIGRvIHRoYXQgdXNpbmcgcmVmPw==

Forward Ref

SmV0aGEgbGFsIGlzIHdvcmtpbmcgb24gYSBjb21wb25lbnQgd2hlcmUgaGUgaGFzIHRvIGZvY3VzIHRoZSBpbnB1dCBmaWVsZCB3aGVuZXZlciBzb21lb25lIGNsaWNrcyBvbiB0aGUgYnV0dG9uLiBIZWxwIEpldGhhIGxhbCB0byBmaXggdGhpcyBjb21wb25lbnQgc28gdGhhdCBoZSBjYW4gaW1wcmVzcyBCYWJpdGEgSmku

Focus the Input Field

SmV0aGEgTGFsIGlzIHN0dWNrIGFnYWluIHdpdGggYSBwcm9ibGVtLCB0aGlzIHRpbWUgaGUgaGFzIHRvIGhpZGUgdGhlIGRpdiBvbiBjbGljayBvZiBidXR0b24uIFBsZWFzZSBIZWxwIGhpbSB3aXRoIHRoZSBsb2dpYy4=

Hide the div

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.

Hide the div

Solidify your knowledge of Refs in React by solving this problem.

Output

Coding Area