/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

1 vote367 views2 answers
React state not updating immediately
Javascript React
4 votes377 views3 answers
Sleep in react
Javascript React
0 vote438 views2 answers
Why navlink in react router always active
Javascript React
0 vote380 views2 answers
Date format in react js
Javascript React
1 vote413 views1 answer
Double matrix iteration in react
Javascript React
0 vote548 views1 answer
Handling props in functional components reactjs ijnterview questions
Javascript React
69 votes425 views6 answers
React icon
Javascript React
0 vote375 views1 answer
Error React Hook "useStaticQuery" is called in function
Javascript React
1 vote391 views1 answer
React native grid view
Javascript React
0 vote375 views1 answer
React native scrollbar position issue
Javascript React