Javascript 如何使用Array.join（）连接html元素

我的地图功能：

const artists = this.props.result.artists.map((artist) => {
        return <Link value={artist.name} className='artist-title'>{artist.name}</Link>
    });

结果为：[对象]，[对象]

当仅显示以下内容时：

artists.join(', ');

artists

结果：阿姆纳特·多格

我的目标是：阿姆，内特·多格

---

我该如何做呢？

问题不在于如何做，而在于这些元素为什么不是HTML元素。这是jsx。它们都是物体。预期的输出是什么？您确定在

artists

中有字符串数组吗？