如何获取在反应中点击的图像的图像网址

Question

我正在使用 React。我希望我的用户单击四个图像之一，然后获取他们单击的图像的 url。现在，我正在获取域、路径和图像的 url 以及 e.target.src (http://localhost:3000/img/cat.png)。我如何才能获取图片 url (cat.png)？

这是我的代码的一部分：

        this.setState({
            urlClicked: e.target.src
        });
        console.log(this.state.urlClicked)
      }

      <img 
         src={this.state.urlClicked}>
      </img>

非常感谢。

Answer 1

你可以用“/”分割字符串，然后弹出（从末尾）第一个值：

this.setState({
  urlClick: e.target.src.split("/").pop()
});