/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 vote152 views1 answer
How to start react project on atom
Javascript React
0 vote146 views1 answer
React-native-paper resize switch resize
Javascript React
1 vote170 views4 answers
Notification react native
Javascript React
0 vote196 views1 answer
Download images from http link in react
Javascript React
2 votes136 views2 answers
Rtl support react native
Javascript React
0 vote150 views3 answers
React-native restart app
Javascript React
0 vote156 views1 answer
Space between react native
Javascript React
24 votes154 views6 answers
Box shadow react native
Javascript React
3 votes158 views1 answer
Could not resolve dependency: npm ERR! peer react@"17.0.1" from [email protected]
Javascript React
0 vote142 views3 answers
How to get svg from pucblic folder in react
Javascript React