/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 vote369 views1 answer
React native header height
Javascript React
0 vote361 views1 answer
React hooks simple projects
Javascript React
26 votes374 views5 answers
React image
Javascript React
0 vote392 views1 answer
Create a link in react js to download xcelfile
Javascript React
-2 votes368 views1 answer
React spring transition animations
Javascript React
0 vote364 views1 answer
React-native firebase v9+ config
Javascript React
0 vote363 views1 answer
How to check if we reach end of div react hooks
Javascript React
0 vote359 views1 answer
Eject expo app to android and react native
Javascript React
0 vote386 views1 answer
Enzymes are proteins that speed up reactions by
Javascript React
98 votes406 views2 answers
Add bootstrap to react,.........,,,,
Javascript React