/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 vote121 views1 answer
Sort by string react
Javascript React
9 votes116 views2 answers
How to redirect react router from the app components
Javascript React
0 vote109 views1 answer
Adding js file to reactjs
Javascript React
0 vote128 views1 answer
Error metro bundler process exited with code 1 react native
Javascript React
0 vote116 views1 answer
Strike react native
Javascript React
0 vote121 views1 answer
React native updating options with setoptions
Javascript React
5 votes123 views2 answers
Gradlew clean in react native
Javascript React
0 vote128 views1 answer
React native listview date separator site:stackoverflow.com
Javascript React
0 vote119 views1 answer
How to rerender a page in React when the user clicks the back button
Javascript React
0 vote140 views1 answer
Navigate between files in react js
Javascript React