/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 vote142 views1 answer
Error: Error: Unable to resolve module `react-native-gesture-handler` from `node_modules\@react-navigation\native\lib\module\Scrollables.js`: react-native-gesture-handler could not be found within the project.
Javascript React
6 votes138 views1 answer
Create bottom navigation bar react native
Javascript React
0 vote154 views1 answer
React-anime
Javascript React
14 votes176 views4 answers
&& in react jsx
Javascript React
2 votes145 views2 answers
React detect screen size
Javascript React
0 vote143 views1 answer
Use of undeclared identifier 'gmsservices' react native
Javascript React
0 vote148 views1 answer
How to solve Error: EPERM: operation not permitted, mkdir 'C:\Users\SKY' while downoad react
Javascript React
0 vote145 views1 answer
Expo cli vs react native cli
Javascript React
0 vote178 views1 answer
How to get key from a button in react
Javascript React
0 vote153 views1 answer
React-phone-number-input retur message in react hook form
Javascript React