/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

1 vote348 views2 answers
Cannot read property of undefined (reading 'push') react
Javascript React
2 votes330 views2 answers
Text number of lines react native
Javascript React
8 votes330 views2 answers
React on link click scroll to top
Javascript React
0 vote308 views1 answer
Reactjs class exemple componentDidMount
Javascript React
0 vote306 views1 answer
How to add value with useref in react
Javascript React
0 vote320 views2 answers
React toggle boolean state
Javascript React
0 vote303 views1 answer
React Hook useEffect has missing dependencies: 'cart' and 'user._id'. Either include them or remove the dependency array react-hooks/exhaustive-deps
Javascript React
6 votes344 views1 answer
React hooks scss supoort
Javascript React
0 vote339 views1 answer
Opening a link in another tab in react
Javascript React
0 vote304 views1 answer
Set meterial icon color change onClick react
Javascript React