/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 vote398 views1 answer
Enzynme not support react 17
Javascript React
3 votes379 views1 answer
Pass element from child to parent react
Javascript React
0 vote422 views2 answers
Reactjs firebase timestamp to date
Javascript React
0 vote373 views2 answers
React native detect platform
Javascript React
0 vote322 views1 answer
Circle button react native
Javascript React
0 vote375 views2 answers
Add typescript to react-native
Javascript React
0 vote351 views1 answer
React setstate concat string
Javascript React
0 vote413 views1 answer
How to link a photo in expo react native
Javascript React
0 vote415 views1 answer
Stop React Ant Design Upload component from posting files automatically
Javascript React
0 vote395 views4 answers
Router react how to pass data to class component
Javascript React