/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

12 votes215 views1 answer
React chrome extension
Javascript React
2 votes105 views1 answer
Upload image in firebase storage react web
Javascript React
0 vote114 views1 answer
How to show content-type:image/jpg in react
Javascript React
0 vote110 views3 answers
How to get svg from pucblic folder in react
Javascript React
0 vote109 views1 answer
React rative release
Javascript React
24 votes69 views6 answers
React native navigation
Javascript React
1 vote141 views2 answers
Deploy create react app pm2
Javascript React
0 vote119 views1 answer
Pass params axios get react
Javascript React
2 votes106 views1 answer
View background image in react native
Javascript React
3 votes116 views1 answer
React router yarn
Javascript React