/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 vote126 views1 answer
Npm i react-router semantic-ui-react semantic-ui-css
Javascript React
0 vote135 views3 answers
Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
Javascript React
0 vote120 views1 answer
React-i18next
Javascript React
2 votes154 views1 answer
Iframe in react native
Javascript React
0 vote180 views1 answer
How to make react native dapp truffle
Javascript React
0 vote143 views1 answer
React native cli sdk.dir
Javascript React
9 votes170 views2 answers
Html emmet in react vscode
Javascript React
0 vote115 views1 answer
Key being passed as prop react
Javascript React
1 vote156 views4 answers
Notification react native
Javascript React
0 vote157 views1 answer
React hook form reset only one field
Javascript React