/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

4 votes127 views1 answer
Add array of object to state react
Javascript React
2 votes124 views2 answers
React 17
Javascript React
0 vote131 views1 answer
React Redux reducer combineReducers exemple
Javascript React
0 vote128 views1 answer
Ab mob react native expo
Javascript React
0 vote134 views1 answer
React bootstrap carousel caption placement top
Javascript React
0 vote132 views1 answer
How to make the width of a react native element adjust according to the contents
Javascript React
1 vote146 views1 answer
React admin newrecords.foreach is not a function
Javascript React
0 vote126 views1 answer
Async wait for axios reactjs
Javascript React
0 vote127 views1 answer
Csv upload with react
Javascript React
0 vote134 views1 answer
How to make this transform with React-Native? https://stackoverflow.com/questions/37538303/how-to-make-this-transform-with-react-native
Javascript React