/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 vote228 views1 answer
React fontawesome exchange icon
Javascript React
1 vote207 views1 answer
Commit in react
Javascript React
0 vote212 views1 answer
React native fetch response code
Javascript React
2 votes212 views2 answers
How to add multiple classes to a ReactJS Component
Javascript React
0 vote205 views1 answer
React native text input right
Javascript React
0 vote217 views1 answer
React.createElement
Javascript React
2 votes213 views4 answers
Date range picker react
Javascript React
1 vote418 views1 answer
Rendering, reconciliation and committing in react
Javascript React
1 vote228 views1 answer
React-native curved view
Javascript React
0 vote231 views1 answer
React native Setting a timer for a long period of time
Javascript React