/Javascript/React/Semantic UI react focus on input

Semantic UI react focus on input

class InputExampleRefFocus extends Component {
  handleRef = (c) => {
    this.inputRef = c
  }

  focus = () => {
    this.inputRef.focus()
  }

  render() {
    return (
      <div>
        <Button content='focus' onClick={this.focus} />
        <Input ref={this.handleRef} placeholder='Search...' />
      </div>
    )
  }
}

Source: stackoverflow.com

Similar codes

3 votes299 views1 answer
How to go to another page onclick in react
Javascript React
1 vote317 views1 answer
React demo
Javascript React
2 votes305 views1 answer
How to see if a web site is useing react
Javascript React
0 vote288 views1 answer
How to refresh android studio react native
Javascript React
0 vote335 views1 answer
React native communicate with webview
Javascript React
37 votes262 views5 answers
React sass
Javascript React
16 votes298 views3 answers
What does the useReducer do in react
Javascript React
1 vote294 views1 answer
Parent to child react state
Javascript React
0 vote293 views1 answer
Clear form inside modal after close reactjs
Javascript React
0 vote302 views2 answers
React social login buttons
Javascript React