score:2

Accepted answer

This should do it:

<ul>
    {Data.map(x => <li>{x.name.first}</li>)}
</ul>

score:1

You can do it using ES6 like this.

import {Data} from './path/to/people.json'

Then map over it.

Dara.map(person => console.log(person.name))

Related Query

More Query from same tag