Как выполнить привязку данных Dynami c с помощью React

Question

Как я могу выполнить динамическую привязку c данных с данными массива JSON в проекте React?

Все, что я знаю, это то, что для выполнения привязки данных мы должны использовать метод .map() . Но как его использовать с данными JSON - это запрос.

Код:

const list = [{
    id: 'a',
    firstname: 'Robin',
    lastname: 'Wieruch',
    year: 1988,
}, {
    id: 'b',
    firstname: 'Dave',
    lastname: 'Davidds',
    year: 1990,
}];


const ComplexList = () => (
    <ul>
        { list.map(item => (
            <li key={item.id}>
                <div>{item.id}</div>
                <div>{item.firstname}</div>
                <div>{item.lastname}</div>
                <div>{item.year}</div>
            </li>
        )) }
    </ul>
);