Question

我是javascript的新手，因此问题。

我正在使用data-id传递与点击事件相关的想法。

<a href="#" onClick={this.handleClick} data-id={image.id}>

这是我的句柄点击方法，

handleClick(event){
    event.preventDefault();
    let mediaId = event.currentTarget.attributes['data-id'].value;
    this.props.handleClick(mediaId);
  }

现在我想再捕获一个属性，即image.src我在哪里放置这些数据，以及如何在click事件处理程序中获取数据。

Answer 1

如果您愿意，可以将这两个属性都设为data属性：

<a href="#" onClick={this.handleClick} data-id={image.id} data-src={image.src}>

然后将它们作为不同的属性访问

handleClick（事件）{

    event.preventDefault();
    let mediaId = $(event.currentTarget).data('id');
    let src = $(event.currentTarget).data('src');
    this.props.handleClick(mediaId);
  }

希望这可以提供帮助。

获取与单击事件关联的多个属性

1 个答案: