/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

2 votes313 views2 answers
Chrome back button click event react
Javascript React
0 vote379 views1 answer
React native progress bar slider
Javascript React
0 vote332 views1 answer
Add two export in same page react
Javascript React
4 votes340 views1 answer
Open a new tab when clicking on a link react
Javascript React
1 vote324 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript React
0 vote337 views1 answer
Add pdf in react app
Javascript React
1 vote324 views1 answer
React native cover image
Javascript React
3 votes315 views1 answer
How to go to another page onclick in react
Javascript React
0 vote292 views2 answers
Veu js vs angular vs react features
Javascript React
0 vote299 views2 answers
Why we use react js
Javascript React