How to join html elements like with Array.join()

Asked May 25 '21 at 19:08

Active May 25 '21 at 19:14

Viewed 456 times

My map function:

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

When displayed with:

artists.join(', ');

Results in: [object Object], [object Object]

When simply displayed with:

artists

Results in: EminemNate Dogg

My goal is: Eminem, Nate Dogg

How would I go about doing that?

asked May 25 '21 at 19:08

Lux-Coded

the question isnt how, the question should why – Krzysztof Krzeszewski May 25 '21 at 19:09
1

These are not HTML elements. This is jsx. They are all objects. What is the expected output? – adiga May 25 '21 at 19:10
Are you sure you have array of string in `artists`? – Hassan Imam May 25 '21 at 19:10

How to join html elements like with Array.join()

0 Answers0