/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 vote184 views1 answer
React string to integer
Javascript React
15 votes202 views5 answers
Usestate react hook
Javascript React
0 vote208 views1 answer
React-scripts test single file
Javascript React
116 votes360 views6 answers
Bootstrap react
Javascript React
0 vote173 views1 answer
Divide string in lines react native max width
Javascript React
16 votes181 views6 answers
Usestate in react
Javascript React
0 vote224 views1 answer
Github create react app buildpack
Javascript React
108 votes239 views2 answers
Make react project
Javascript React
-1 vote189 views2 answers
Minified react error #200
Javascript React
2 votes213 views2 answers
Discord.js remove reaction
Javascript React