/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 vote70 views1 answer
FAILURE: Build failed with an exception react native android
Javascript React
0 vote62 views1 answer
Adding js file to reactjs
Javascript React
-1 vote72 views1 answer
Image component doesn't show image from url react native
Javascript React
1 vote86 views1 answer
@react-google-maps/api npm
Javascript React
18 votes73 views2 answers
How to import background image in inline css in react
Javascript React
18 votes76 views3 answers
How to hide header in react navigation
Javascript React
2 votes73 views1 answer
Vertical align center react native view
Javascript React
1 vote73 views1 answer
Adding int and string in react props
Javascript React
0 vote30 views1 answer
React native pdf creater html-to-pdf
Javascript React
7 votes78 views5 answers
Resize image react native
Javascript React