/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

68 votes145 views4 answers
Inline style react
Javascript React
0 vote120 views1 answer
React make component full screen
Javascript React
0 vote124 views1 answer
Import React from 'react'; import {Router, Scene} from 'react-native-router-flux';
Javascript React
3 votes139 views1 answer
React native nox emulator
Javascript React
1 vote188 views1 answer
Rendering in react
Javascript React
2 votes143 views1 answer
This.setstate is not a function in react native
Javascript React
6 votes139 views3 answers
React native vector icons not showing
Javascript React
8 votes146 views4 answers
Get react version
Javascript React
21 votes134 views6 answers
Shadow in react native
Javascript React
0 vote137 views1 answer
Ipa failed react native after processing
Javascript React