/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

1 vote195 views1 answer
Adding parameters to url react router
Javascript React
0 vote217 views1 answer
Icomoon react native
Javascript React
21 votes213 views6 answers
Elevation react native
Javascript React
0 vote170 views1 answer
Fixed menu reactjs
Javascript React
1 vote208 views1 answer
React next alias import
Javascript React
1 vote201 views1 answer
React transition group
Javascript React
0 vote272 views1 answer
React set multible attribute values
Javascript React
-1 vote223 views1 answer
React_Weather_App
Javascript React
0 vote221 views1 answer
React-data-table-component cell action
Javascript React
0 vote260 views2 answers
Combine p5 with react
Javascript React