/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 vote192 views1 answer
What is the use of consrtructors in reactjs
Javascript React
1 vote288 views1 answer
Failed to transform react-native-reanimated-65.aar
Javascript React
0 vote257 views1 answer
Easy REACT download image
Javascript React
0 vote175 views1 answer
Ctx beginpath react
Javascript React
0 vote217 views1 answer
Hot loading react native shortcut key
Javascript React
2 votes181 views1 answer
React not getting img by src
Javascript React
0 vote194 views1 answer
Error: Error: Unable to resolve module `react-native-gesture-handler` from `node_modules\@react-navigation\native\lib\module\Scrollables.js`: react-native-gesture-handler could not be found within the project.
Javascript React
1 vote189 views5 answers
React date picker
Javascript React
56 votes205 views6 answers
Useref react
Javascript React
6 votes188 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React