visualizza infobox wikipedia e propieta wikidata

src/areainfo/Wikipedia.js

@@ -3,6 +3,7 @@ import React, { Component } from 'react';
 import wikijs from 'wikijs';
 import wdk from 'wikidata-sdk';
 import axios from 'axios';
+import { Table } from 'react-bootstrap';
 
 class Wikipedia extends Component {
 	constructor(props) {
@@ -120,24 +121,51 @@ class Wikipedia extends Component {
 	// }
 
 	render() {
-		const { wikidata, error, isLoaded } = this.state;
+		const { wikidata, wikipedia, musicbrainz, error, isLoaded } = this.state;
+		
 		if (error) {
 			return <React.Fragment>Error: {error.message}</React.Fragment>;
 		} else if (!isLoaded) {
 			return <React.Fragment>Loading...</React.Fragment>;
 		} else {
+			let keys = {wikipedia : Object.keys(this.state.wikipedia[0].general),
+			wikidata :Object.keys(this.state.wikidata.claims)}
 			return (
-				<div>
-					<p>risultato ricerca wikidata:</p>
-					{ wikidata && <div>
-					<p>{ wikidata.labels.en.value }</p> 
-				<p>{ wikidata.id }</p>
-				{ wikidata.sitelinks.enwiki && <p>{ wikidata.sitelinks.enwiki.title} </p>}
-				</div> }  
-				<p>wikipedia summary:</p>
-				{this.state.wikipedia && <p>{ this.state.wikipedia[1]}</p>}
-				</div>
-			);
+				// <div>
+				// 	<p>risultato ricerca wikidata:</p>
+				// 	{ wikidata && <div>
+				// 	<p>{ wikidata.labels.en.value }</p> 
+				// <p>{ wikidata.id }</p>
+				// { wikidata.sitelinks.enwiki && <p>{ wikidata.sitelinks.enwiki.title} </p>}
+				// </div> }  
+				// <p>wikipedia summary:</p>
+				// {this.state.wikipedia && <p>{ this.state.wikipedia[1]}</p>}
+        // </div>
+        // 
+          // <React.Fragment>
+				<Table striped bordered hover size="sm">
+					<tbody>
+						{
+							keys.wikipedia.map(key => (
+								<tr>
+									<td>{key}</td>
+									<td> {wikipedia[0].general[key].toLocaleString()}</td>
+								</tr>
+							))
+						}
+						{
+							keys.wikidata.map(key => (
+								<tr>
+									<td>{key}</td>
+									<td> {wikidata.claims[key][0].mainsnak.datavalue.value.toLocaleString()}</td>
+								</tr>
+							))
+						}
+					</tbody>
+				</Table>
+          // </React.Fragment>
+        // </Table>
+		);
 		}
 	}
 }