Adding space to array list item in React

by

I have some data stored in an array:

const currencies =['USD','EUR','AUD','CNY','AED', 'AFN', 'ALL', 'AMD', 'ANG', 'AOA', 'ARS',
'AUD', 'AWG','AZN', 'BAM', 'BBD', 'BDT', 'BGN', ' BHD', 'BIF', 'BMD'
,'BND', 'BOB', 'BRL', 'BSD', 'BTN', 'BWP', 'BYN' ]

const firstCurrencies = currencies.slice(0,4)

My React component relevant code here:

<div className="flex flex-col">   
                      <h3>Select a currency</h3>
                      <div className="flex flex-row z-40">
                        {firstCurrencies.map((firstCurrency,index) =>(
                          <div className="">
                            <div key={index} className="">
                            <span><Link to="#">{firstCurrency}</Link></span>
                            </div>
                            <hr></hr>
                          </div>  
                        ))}
                      </div>
                      </div>

What is the best way to add space to after the item.

At the moment its displaying like this:

enter image description here

The idea is to have the currencies separated by a space.

I have tried firstCurrencies.join(',') at the top but giving me an error.

Any tips?

118 thoughts on “Adding space to array list item in React”

  16. Pingback: easy keto

  32. Nice post. I learn something totally new and challenging
    on sites I stumbleupon everyday. It will always
    be exciting to read through articles from other writers and use a little something from
    other websites.

    Reply

  33. Thank you for some other excellent article.
    The place else may anybody get that type of info
    in such a perfect means of writing? I’ve a presentation next week, and I am on the search
    for such info.

    Reply

  39. Hello there! This is my first comment here so I just wanted
    to give a quick shout out and tell you I truly enjoy reading through
    your posts. Can you suggest any other blogs/websites/forums
    that deal with the same subjects? Many thanks!

    Reply
  54. Pingback: gay dating site meme

  104. Hey! I know this is somewhat off-topic however I needed to ask.
    Does managing a well-established blog like yours take a large
    amount of work? I am completely new to blogging but
    I do write in my diary everyday. I’d like to start a blog so
    I will be able to share my personal experience and thoughts online.

    Please let me know if you have any suggestions or tips for brand new aspiring blog owners.
    Appreciate it!

    Reply

  116. I blog frequently and I truly appreciate your information. The article has truly peaked my interest.

    I will bookmark your website and keep checking for new information about
    once a week. I subscribed to your Feed as well.

    Look at my website :: special

    Reply

  118. I think this is among the so much significant information for me.
    And i’m glad reading your article. However want to remark on some normal issues,
    The site taste is great, the articles is really great : D.
    Good process, cheers

    Reply

Leave a Comment