/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

11 votes276 views3 answers
Shadow border react native
Javascript React
0 vote272 views1 answer
React js how to do array range
Javascript React
1 vote314 views1 answer
Remove underline from hyperlink react
Javascript React
1 vote292 views2 answers
How to place text input cursor to start in react native
Javascript React
25 votes257 views3 answers
Setting a background Image With React Inline Styles
Javascript React
15 votes281 views5 answers
React svg
Javascript React
0 vote270 views1 answer
FAILURE: Build failed with an exception react native android
Javascript React
0 vote253 views1 answer
Render(<App />); const linkElement = screen.getByText(/learn react/i); expect(linkElement).toBeInTheDocument();
Javascript React
-1 vote271 views1 answer
How to load the images from the website dynamically in react
Javascript React
9 votes312 views3 answers
Disable yellow box react native
Javascript React