What you need is to map your array of objects and remember that every item will be an object, so that you will use for instance dot notation to take the values of the object.

In your component

 [
    {
        name: 'Sam',
        email: 'somewhere@gmail.com'
    },

    {
        name: 'Ash',
        email: 'something@gmail.com'
    }
].map((anObjectMapped, index) => {
    return (
        <p key={`${anObjectMapped.name}_{anObjectMapped.email}`}>
            {anObjectMapped.name} - {anObjectMapped.email}
        </p>
    );
})

And remember when you put an array of jsx it has a different meaning and you can not just put object in your render method as you can put an array.

Take a look at my answer at mapping an array to jsx

You can simply use map to render multiple components from an array:

this.state = { news: [{}, {}] };
...

const news = this.state.news.map((newsItem) =>
  <div key={newsItem.id} className="panel-list">{newsItem.title}</div>
);

Note that I added a key attribute to each div. This is important to give the elements a stable identity as explained here. It needs to be an unique identifier for each news item ("id" is used here as an example).

To render the news variable, you just need to use curly braces. For example, to render it in a div:

<div>{news}</div>

You could also render the list directly, without creating a variable (which is a bit messy, though):

<div>
  {this.state.news.map((newsItem) =>
    <div key={newsItem.id} className="panel-list">{newsItem.title}</div>
  )}
</div>

Given

[
 { fullName: 'vocab Experiment', shortName: 'vocab', ......},
 { fullName: 'mind Experiment', shortName: 'mind', ......},
 { fullName: 'whichenglish Experiment', shortName: 'whichenglish', ......},
];

Seeing as there can be any amount of objects in the list, I would use an if-statement as follows:

{experiments.map(e => {
    if (e.shortName === 'vocab') {
        return (<Vocab
                 id={e.shortName}
                 title={e.fullName}
                 duration={e.duration}
                 post={e.tagline}
                 img={require('../assets/images/quiz/Vocab.png')}
                 key={e.shortName}
                />)
   } else if (e.shortName === 'mind') {
         return <Mind ... />
   } else if (e.shortName === 'whichenglish') {
         return <WhichEnglish ... />
   } else return null; // keep react happy
})}