/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

0 vote339 views1 answer
Select checkbox raitng in order javascript React
Javascript React
0 vote355 views1 answer
Salvar no localStorage react
Javascript React
7 votes377 views4 answers
Import image in react js
Javascript React
0 vote372 views1 answer
Could not resolve module fs react native
Javascript React
0 vote352 views1 answer
Implementing state lifecycle in react class component
Javascript React
3 votes340 views3 answers
Async await class component react
Javascript React
0 vote339 views1 answer
Get nested value on object react using dot
Javascript React
0 vote418 views1 answer
React scroll to top on page refresh - don't restore position
Javascript React
2 votes406 views1 answer
React concatenate string and component
Javascript React
0 vote362 views1 answer
Tailwind intenseness react
Javascript React