/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 votes110 views2 answers
Generate android folder in react native
Javascript React
0 vote231 views1 answer
Swap scroll right in react native
Javascript React
0 vote113 views1 answer
React import json
Javascript React
1 vote119 views2 answers
Hide react source
Javascript React
1 vote62 views1 answer
React native linking phone call
Javascript React
7 votes103 views4 answers
Get parameter from url reactjs
Javascript React
1 vote112 views4 answers
React native debug apk
Javascript React
6 votes113 views5 answers
Scroll to top in react
Javascript React
1 vote109 views1 answer
React stripe npm
Javascript React
2 votes113 views1 answer
Passing multiple props to child component in react
Javascript React