Reactjs 从上面的元素获取图像

当我触发onClick时，我需要元素{../images/type/“+eq.image\u eq}。在jQuery中，我只想在前面简单地引用DOM元素，但是如何在React中实现它呢

renderEqui() {
  return _.map(this.state.equi, eq => {
    return (
      <>
        <img src={"../images/type/" + eq.image_eq} />
        <img src="../images/misc/equiped.png" onClick={this.changeImage} />
      </>
    );
  });
}

renderEqui（）{
return>map（this.state.equi，eq=>{
返回(
);
});
}

---

我已经尝试使用参数，但没有成功。我需要检索此图像以修改其他组件的图像。

您可以执行以下操作：

 renderEqui() {
    return _.map(this.state.equi, eq => {
        const imageSrc = "../images/type/" + eq.image_eq;
        return (
                            <img src={imageSrc}/>
                            <img src="../images/misc/equiped.png" onClick={()=>this.changeImage(imageSrc )}/>
        );
    });

changeImage = (imageSrc) => {
  cconsole.log(imageSrc)
 }

---

你需要

DOM元素，还是

eq

的值？事实上，只有我的src的值，而不是DOM元素我错过了如何编写onClick然后。。。它起作用了，谢谢你！