JSFiddle - React, Tailwind, and code Playground

by Hugo Carneiro

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js"></script>

JavaScript

var users = [
	{
  	id: 1,
    data: {
    	firstName: 'Hugo',
      lastName: 'Carneiro',
      title: 'Developer'
    }
  },
  {
  	id: 2,
    data: {
    	firstName: 'Miguel',
      lastName: 'Maia',
      title: 'Designer'
    }
  }
];

var usersData = _.map(users, function(user) {
  return {
    id: user.id,
    userName: user.data['firstName'] + ' ' + user.data['lastName'],
    userTitle: user.data['title']
  }
});

console.log(usersData);