fea9/src/components/list/index.js

import React from "react";

export default ({ list }) =>
	list.map(el => (
		<div key={el.id}>
			<h1>{el.name}</h1>
			<p>{el.class}</p>
			<p>{el.school}</p>
			<div>
				{el.backPack.map(elem => (
					<span key={elem.id}>{`${elem.item} `}</span>
				))}
			</div>
		</div>
	));