<\/div>

\/\/ using refsclass App extends React.Component {\u00a0constructor(){\u00a0\u00a0super();\u00a0\u00a0this.state = { sayings: ""};\u00a0}\u00a0update(e){\u00a0\u00a0this.setState({ sayings: this.refs.anything.value});\u00a0}\u00a0render(){\u00a0\u00a0return (\u00a0\u00a0\u00a0<div>\u00a0\u00a0\u00a0\u00a0Welcome to Kaashiv <input type="text" ref="anything"\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0onChange = {this.update.bind(this)}\/>\u00a0\u00a0\u00a0<br\/>\u00a0\u00a0\u00a0<em>{this.state.sayings}<\/em>\u00a0\u00a0<\/div>\u00a0\u00a0);\u00a0}}\u00a0ReactDOM.render(< App \/>, document.getElementById('root'));\u00a0<\/code><\/pre> <\/div>\n
\u00a0Output:<\/strong><\/p>\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
It is a function provided by React to access the DOM element and the React element that you might have created on your own. In React, a ref is a reference to a DOM element. It can be immediately placed in a variable. They are created with the help of useRef This variable is then […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"passster_activate_protection":false,"passster_protect_child_pages":"","passster_protection_type":"password","passster_password":"","passster_activate_overwrite_defaults":"","passster_headline":"","passster_instruction":"","passster_placeholder":"","passster_button":"","passster_id":"","passster_activate_misc_settings":"","passster_redirect_url":"","passster_hide":"no","passster_area_shortcode":"","gtb_hide_title":false,"gtb_wrap_title":false,"gtb_class_title":"","gtb_remove_headerfooter":false,"footnotes":""},"categories":[16542],"tags":[16769,16770,16773,16774,16772,16766,16771,16761,16764,16762,16767,16757,16763,16775,16765,16758,16759,16760,16768],"class_list":["post-4004","post","type-post","status-publish","format-standard","hentry","category-reactjs","tag-example-of-ref-in-react","tag-how-does-ref-work-in-react","tag-how-to-add-ref-in-react","tag-how-to-clear-ref-in-react","tag-how-to-create-ref-in-react","tag-react-get-element-by-id-functional-component","tag-react-useref","tag-ref-in-react","tag-ref-in-react-example","tag-ref-in-react-functional-component","tag-ref-react-hooks","tag-refs-and-the-dom","tag-use-ref-in-react","tag-use-ref-in-react-example","tag-useref-in-react","tag-what-is-ref-in-react","tag-what-is-ref-in-react-hook","tag-what-is-ref-in-react-hook-form","tag-what-is-ref-used-for-in-react"],"yoast_head":"\n