/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 vote162 views1 answer
How to reset ReactJS file input
Javascript React
0 vote157 views1 answer
React open a link to an outside siite
Javascript React
0 vote159 views1 answer
React locomotive-scroll
Javascript React
0 vote204 views1 answer
React native counter
Javascript React
0 vote373 views3 answers
Github react hardhat nft marketplace application
Javascript React
64 votes208 views7 answers
React router
Javascript React
0 vote162 views1 answer
Search Filter with React Native on FlatList
Javascript React
86 votes172 views3 answers
React check if window exists
Javascript React
0 vote188 views1 answer
Which algorithm React is used to compare dom?
Javascript React
0 vote222 views1 answer
Gradle error react native
Javascript React