Javascript 如何获取映像值并在react中的任何其他div上实现？

实际上，我有多个图像，所以现在我需要在另一个框中显示单击的图像，我如何在react中做到这一点

我的代码：-

const imageClick=（）=>{
console.log（this.state.value）；
}
imageClick（）}/>
imageClick（）}/>
imageClick（）}/>
imageClick（）}/>

你的意思是这样的吗

const imageClick = (selectedImg) =>{
  this.setState({ selectedImg }) // Save the selected image in this.state
}

<img src="images/1.png" onClick={()=>imageClick(1)} />
<img src="images/2.png" onClick={()=>imageClick(2)} />
<img src="images/3.png" onClick={()=>imageClick(3)} />
<img src="images/4.png" onClick={()=>imageClick(4)} />

<div className="newDiv">
  <img src={`images/${this.state.selectedImg}.png`} /> // Get the selected image from this.state
</div>

const imageClick=（selectedImg）=>{
this.setState（{selectedImg}）//将所选图像保存在此.state中
}
图像单击（1）}/>
图像单击（2）}/>
图像单击（3）}/>
图像单击（4）}/>
//从该.state获取所选图像

仍然不工作…您可以发布您试图运行此功能的组件的代码吗？它正在工作。。。非常感谢。你能解释一下$在这段代码中的用法吗？其实我不太明白…很高兴听到它起作用了。$用于在模板文本中使用表达式。使用src={“images/”+this.state.selectedImg+“.png”}也可以得到相同的结果，我更喜欢使用模板文本。