onClick trigger click Error: current.click is not a function

Question

I am trying to trigger click button on another onClick event function.

Error : Uncaught TypeError: this.clickBack.current.click is not a function

React version is 16.8.6

constructor(props) {
    super(props)

    this.clickBack = React.createRef();
    this.startInterview = this.startInterview.bind(this);
}

startInterview(){
    console.log('hello') // output : hello
    console.log(this.clickBack.current); // output : Button {props: {…}, context: {…}, refs: {…}, updater: {…}, onClick: ƒ, …}
    this.clickBack.current.click(); // output : Uncaught TypeError: this.clickBack.current.click is not a function
}

In render -> return method

<Link to={backLink}>
    <Button ref={this.clickBack}> Back</Button>
</Link>
<Button onClick={this.startInterview}> Start Interview</Button>

lissitz · Accepted Answer · 2019-07-24 06:24:26Z

4

as we can see in the console.log the ref is referencing the Button component, not a dom element.If this Button is a component you defined, you should pass your ref through a prop to the button dom element e.g.

<Button innerRef={this.clickBack}...>

Button.js

...
<button ref={this.props.innerRef}

(here innerRef is an arbitrary name)

answered Jul 24, 2019 at 6:24

lissitz

5463 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sergey · Accepted Answer · 2019-12-23 11:59:13Z

4

You can try this:

this.clickBack.current.link.click()

instead of:

this.clickBack.current.click()

edited Dec 23, 2019 at 11:59

Sergey

1,0754 gold badges15 silver badges33 bronze badges

answered Jul 24, 2019 at 6:22

niks

4764 silver badges9 bronze badges

1 Comment

Megidd Over a year ago

No, didn't work :(

Collectives™ on Stack Overflow

onClick trigger click Error: current.click is not a function

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related