如何在React中获取event.target而无需单击

时间:2018-12-15 03:59:30

标签: css reactjs

我知道如何使用onClick进行操作,例如添加一个新的CSS类:

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

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

但是,如果我想使用setTimtOut将类添加到img标签,如何在没有点击事件的情况下访问img标签?

预先感谢

1 个答案:

答案 0 :(得分:1)

参考会起作用。

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

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

渲染后,您可以使用this.image

访问元素