/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

1 vote235 views1 answer
Retour a la ligne <p> react
Javascript React
5 votes211 views3 answers
Linear gradient react js
Javascript React
1 vote237 views1 answer
Node sass version react
Javascript React
0 vote192 views1 answer
How to use algolia react native
Javascript React
68 votes233 views3 answers
React add inline styles in react
Javascript React
0 vote233 views1 answer
Backgroundcolor react
Javascript React
0 vote229 views7 answers
How to generate debug build in react native
Javascript React
0 vote249 views1 answer
Stop React Ant Design Upload component from posting files automatically
Javascript React
0 vote245 views2 answers
How to hide api key in react
Javascript React
0 vote247 views1 answer
How to add react.memo in export list
Javascript React