How to get event.target in React WITHOUT click

Question

I know how it can be done with onClick, for adding a new css class for example:

wheelFade = (event) => {
   event.target.classList.add('newClass');
}

render(){
    return(
       <img onClick={this.wheelFade} className="wheel1" src="wheel.png" alt=""/>
    )
   }

But if I want to add a class to the img tag using a setTimtOut for example how can I access the img tag without having the event.target that I do get on click?

Thanks in advance

J Livengood · Accepted Answer · 2018-12-15 04:04:21Z

1

References would work.

constructor(props) {
  ...
  this.image = null;
}

render() {
  return (
    <img ref={image => this.image = image} />
  )
}

Once rendered, you can access the element by using this.image

answered Dec 15, 2018 at 4:04

J Livengood

2,7261 gold badge15 silver badges27 bronze badges

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

Collectives™ on Stack Overflow

How to get event.target in React WITHOUT click

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related