/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

-2 votes202 views1 answer
You are running Node 8.10.0. Create React App requires Node 10 or higher. Please update your version of Node.
Javascript React
0 vote174 views1 answer
Add two export in same page react
Javascript React
0 vote196 views1 answer
Make custom draggable in react
Javascript React
0 vote168 views1 answer
React json object pretty
Javascript React
0 vote260 views1 answer
React native image path in vriable
Javascript React
2 votes188 views1 answer
React-native open call app
Javascript React
0 vote205 views1 answer
How disabled react-select
Javascript React
55 votes195 views6 answers
Useref in react
Javascript React
0 vote242 views1 answer
Error metro bundler process exited with code 1 react native
Javascript React
0 vote185 views1 answer
React native float upto 2 digits
Javascript React