/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 vote365 views1 answer
React-timeago npm
Javascript React
0 vote401 views1 answer
Import batch from 'react-redux'
Javascript React
0 vote364 views1 answer
How to get back image and front text in react native
Javascript React
0 vote376 views1 answer
How to remove console.log from react native app
Javascript React
8 votes327 views2 answers
React-router-dom get current route
Javascript React
1 vote335 views1 answer
React addeventlistener useeffect
Javascript React
0 vote383 views1 answer
React native filter list
Javascript React
7 votes356 views5 answers
Resize image react native
Javascript React
0 vote396 views1 answer
React userefrence example
Javascript React
5 votes405 views4 answers
How to use useref hook in react
Javascript React