ReactJs通过事件处理程序获取组件数据

Question

我正在使用iTunes API进行多级搜索。

import React from 'react';
import { Link } from 'react-router-dom';

const ArtistList = ({artists}) => {

if(artists === undefined) {
  return(
    <div className='conatiner'>
      <div className='notification'>
        <a className='has-text-link' href="#album"> </a> 
      </div>
    </div>
  )  
}

const fetchAlbums = (event) => {
  console.log(event.target)
}

return (
  <div className='conatiner'>
    {artists.map((artist, index) => 
      <h2 key={index} className="subtitle">
        <Link key={artist.artistId} id={artist.artistId} className='has-text-dark' to="albums" onClick={fetchAlbums}>{artist.name}</Link>
      </h2>
     )}
    </div>
  )
}

export default ArtistList;

因此，我想访问用于渲染该数据的数据，以便根据我单击的项目进行另一次提取。

我应该如何处理？如果我通过event.target，我唯一得到的就是来自className，这还不够。 哦，btw id不在元素检查器中，我也不知道为什么。