/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 vote223 views1 answer
Botão delete no reactjs com class component
Javascript React
0 vote244 views1 answer
How to remove elevation tab bar react native
Javascript React
0 vote295 views1 answer
Link externo no react
Javascript React
0 vote215 views1 answer
React import useCallBack
Javascript React
3 votes217 views1 answer
How to go to another page onclick in react
Javascript React
1 vote210 views2 answers
React state not updating immediately
Javascript React
0 vote246 views1 answer
Reactjs function exemple useEffect
Javascript React
9 votes202 views2 answers
React select options
Javascript React
1 vote156 views1 answer
React use callback
Javascript React
0 vote204 views2 answers
Batch react-redux
Javascript React