function MetroMap(props){
	[..]
	const [showListBadge, setShowListBadge] = useState(false);
	const [badgeList, setBadgeList] = useState([]);
	[...]

	function setBadge(name){
	[...]
		let tmpReturnData=[];
		for(let i=0;i<t.items.length;i++){
			axios.get(
				globalVars.Protocol + '://' +
				globalVars.BEIP + ':' +
				globalVars.BEPort + '/badges/'+t.items[i].obj_uuid,
				{ withCredentials: true })
				.then(res => {
					tmpReturnData.push(<MaterialBadge
					   object={res.data['req-data'][0]}
					    key={"material-badge-" + i}
					/>);
				}
			)
		}
		setBadgeList(tmpReturnData);
		console.log(tmpReturnData, badgeList);
		toggleBadgeList();
	}

	[..]
	return(
		<React.Fragment>
		[...]

        {showListBadge?
        	<div class="BadgeWrapper" onClick={()=>toggleBadgeList()}>
				<div class="BadgeContainer">
					<div class="CardBadge Badge">
						{badgeList}
					</div>
				</div>
			</div>
			:null
        }
		</React.Fragment>
	)
}
export default MetroMap