tecnologiabanana/src/areainfo/Wikipedia.js

import React, { Component } from 'react';
// import PropTypes from 'prop-types';
import wikijs from 'wikijs';
import wdk from 'wikidata-sdk';
import axios from 'axios';

class Wikipedia extends Component {
	constructor(props) {
		super(props);
		this.state = {
			wikidata: null,
			wikipedia: null,
			spareobj: {},
			error: null,
			isLoaded: false
		};
		this.getWikiBox = this.getWikiBox.bind(this);
		this.raffina = this.raffina.bind(this);
	}

	getWikiBox(name) {
		wikijs()
			.page(name)
			.then(page => page.fullInfo())
			.then(
				infobox => console.log('infobox', infobox)
				//this.setState({ infobox })
			);
		//console.log('infobox', this.state.infobox)
	}

	raffina(results) {
		console.log('raffina', results);
		return results[0];
	}

	// componentWillMount() {

	// }

	componentWillMount() {
		// wikijs()
		// 	.find(this.props.query, this.raffina)
		// 	.then(
		// 		data => {
		// 			this.setState({
		// 				data,
		// 				isLoaded: true
		// 			});
		// 			console.log(data.html());
		// 			//this.getWikiBox(data.results[0]);
		// 		},
		// 		error => {
		// 			console.error(error);
		// 			this.setState({
		// 				isLoaded: true,
		// 				error
		// 			});
		// 		}
		// 	);
		axios
			.get(wdk.getReverseClaims('P1651', this.props.videoId)) // P1651 is youtube_video_id property
			.then(wikidataSearchRes => {
				if (wikidataSearchRes.data.results.bindings.length) {
					axios.get(wdk.getEntities(wdk.simplify.sparqlResults(wikidataSearchRes.data), 'en'))
						.then(wikidataPage => {
							this.setState({ 
								isLoaded: true,
								wikidata: wikidataPage.data.entities[Object.keys(wikidataPage.data.entities)[0]]
							});
							console.info('wikidata baby',this.state.wikidata);
						});
				} else {
					console.log('oof');
				}
			});

	}

	// componentWillReceiveProps(nextProps) {

	// }

	// shouldComponentUpdate(nextProps, nextState) {

	// }

	// componentWillUpdate(nextProps, nextState) {

	// }

	// componentDidUpdate(prevProps, prevState) {

	// }

	// componentWillUnmount() {

	// }

	render() {
		const { wikidata, error, isLoaded } = this.state;
		if (error) {
			return <React.Fragment>Error: {error.message}</React.Fragment>;
		} else if (!isLoaded) {
			return <React.Fragment>Loading...</React.Fragment>;
		} else {
			return (
				<div>
					<p>risultato ricerca wikipedia:</p>
					<pre>{  }</pre>
				</div>
			);
		}
	}
}

export default Wikipedia;