/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 vote231 views1 answer
React make component full screen
Javascript React
0 vote230 views1 answer
Export all functions from js file react
Javascript React
0 vote280 views1 answer
React implicit return
Javascript React
0 vote238 views1 answer
React firebase add doc to collection
Javascript React
0 vote230 views1 answer
Inline style to change background color react
Javascript React
2 votes261 views3 answers
Select the items from selectors in .map reactjs
Javascript React
3 votes235 views1 answer
React prop ytpes
Javascript React
0 vote227 views1 answer
Add update react pwa feature
Javascript React
16 votes236 views1 answer
DangerouslySetInnerHTML did not match error in React
Javascript React
0 vote259 views1 answer
Align left text in reactstrap
Javascript React