/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 vote198 views1 answer
Text input placeholder font family react native
Javascript React
0 vote210 views1 answer
React change button color on hover
Javascript React
14 votes216 views4 answers
&& in react jsx
Javascript React
2 votes187 views1 answer
Set dynamic route in link react js
Javascript React
0 vote201 views1 answer
React native header height
Javascript React
1 vote155 views1 answer
Add class to react children
Javascript React
0 vote181 views1 answer
How to get circle around text in react natvie
Javascript React
0 vote166 views2 answers
Can we use .env in react native?
Javascript React
18 votes203 views3 answers
Add material ui to react
Javascript React
1 vote188 views1 answer
Spread operator react array
Javascript React