/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 vote298 views1 answer
ERROR TypeError: undefined is not an object (evaluating '_reactNative.Styles.m aincont')
Javascript React
32 votes290 views1 answer
React touter dom
Javascript React
0 vote307 views1 answer
How to check if we reach end of div react hooks
Javascript React
1 vote283 views1 answer
Npx: Create react chrome extension
Javascript React
0 vote300 views1 answer
Popup react now ui
Javascript React
0 vote300 views1 answer
Eject expo app to android and react native
Javascript React
4 votes315 views2 answers
Set selected option react
Javascript React
0 vote302 views5 answers
React redux cheat sheet
Javascript React
6 votes338 views1 answer
React native data map is not a function
Javascript React
0 vote289 views6 answers
React slick
Javascript React