Introduction to React JS
Reactjs Refs with Examples
Reactjs Ref is use to give the reference of the element. Its a technique to access the DOM node.
import React from 'react'; class App extends React.Component { constructor(props) { super(props); this.state = { data: '' } this.updateState = this.updateState.bind(this); this.clearInput = this.clearInput.bind(this); }; updateState(e) { this.setState({data: e.target.value}); } clearInput() { this.setState({data: ''}); } render() { return ( <div> <input value = {this.state.data} onChange = {this.updateState} ref = "myInput"/> <button onClick = {this.clearInput}>CLEAR</button> <h4>{this.state.data}</h4> </div> ); } } export default App;