/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 vote341 views1 answer
React native app crashing on start
Javascript React
2 votes387 views1 answer
React setupproxy
Javascript React
0 vote372 views1 answer
React function runs several times
Javascript React
0 vote326 views1 answer
Fetch is not defined jest react
Javascript React
-1 vote365 views1 answer
React slick npm
Javascript React
0 vote363 views1 answer
React native override style
Javascript React
1 vote363 views1 answer
How to set height of material ui dialog react
Javascript React
0 vote360 views1 answer
External js doesn't works if revisit the page in react
Javascript React
0 vote347 views1 answer
Text input underline react native
Javascript React
0 vote358 views1 answer
Outline none react native web
Javascript React