/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

8 votes212 views2 answers
React set title of page
Javascript React
0 vote195 views1 answer
Bottom tab navigator react native transparent
Javascript React
0 vote220 views1 answer
React fontawesome exchange icon
Javascript React
0 vote213 views3 answers
Set bg image in react
Javascript React
0 vote235 views1 answer
React Redux component getById crud exemple
Javascript React
15 votes193 views2 answers
React check if url address is valid
Javascript React
0 vote193 views1 answer
Get nested value on object react using dot
Javascript React
32 votes215 views1 answer
'react-router-dom'
Javascript React
0 vote218 views1 answer
React 1 to 10 with step 2 (odd numbers)
Javascript React
0 vote188 views2 answers
How to import jquery file in react js
Javascript React