/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 vote378 views1 answer
Add image to ag-grid with react
Javascript React
0 vote352 views1 answer
Update array hooks react
Javascript React
0 vote390 views1 answer
React live chat widget
Javascript React
6 votes393 views1 answer
React-native loading spinner
Javascript React
0 vote406 views1 answer
Backgroundcolor react
Javascript React
0 vote374 views1 answer
Rn push notification No task registered for key ReactNativeFirebaseMessagingHeadlessTask
Javascript React
24 votes392 views6 answers
Shadow react native
Javascript React
-1 vote371 views8 answers
React native
Javascript React
0 vote383 views1 answer
Get api data from localhost in react native
Javascript React
10 votes319 views3 answers
Module not found: Can't resolve '@emotion/react' in 'E:\Web Development\Frontend\React JS Projects\linkedin-clone\node_modules\@mui\styled-engine'
Javascript React