/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 votes147 views2 answers
Import lodash react
Javascript React
0 vote159 views1 answer
React Native Expo Scrollview Scroll to bottom
Javascript React
0 vote163 views1 answer
React native height full
Javascript React
3 votes141 views2 answers
Link react
Javascript React
0 vote168 views1 answer
Create-react-app enviroment variables
Javascript React
-3 votes139 views1 answer
React native share
Javascript React
0 vote138 views1 answer
React proxy to flask server
Javascript React
0 vote139 views1 answer
React tooltip on disabled button
Javascript React
2 votes89 views1 answer
Function component react form
Javascript React
0 vote127 views1 answer
Placeholder text disappear when click in react
Javascript React