/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 vote151 views3 answers
Run react native with debugger breakpoint
Javascript React
4 votes157 views2 answers
Entypo icons react native
Javascript React
0 vote160 views1 answer
How to resolve click for div logging as parent too, in react
Javascript React
1 vote156 views1 answer
Add a text on last object map reactjs
Javascript React
0 vote158 views1 answer
Basic react code
Javascript React
1 vote142 views2 answers
React check internet connection
Javascript React
0 vote158 views1 answer
React deployment pipeline
Javascript React
0 vote156 views1 answer
Warning React Hook useEffect has a missing dependency:
Javascript React
0 vote150 views1 answer
(0 , _reactRouterDom.useHistory) is not a function
Javascript React
125 votes296 views6 answers
Install React Bootstrap
Javascript React