Ich befolge das Tutorial Modern Redux mit Reagieren und versuchen, auf die Youtube Data API v3 zuzugreifen, aber in der Chrome-Konsole erhalte ich den Fehler Google Maps API warning: NoApiKeys
. Ich bin mir nicht sicher, warum ich eine Google Maps-Warnung erhalte, weil ich einen API-Schlüssel für Youtube registriert habe.`Google Maps API Warnung: NoApiKeys` beim Versuch, auf Youtube Daten zuzugreifen Api v3
Gekickt Weiter zu Anmeldeinformationen.
Clicked "API Key".
Clicked "Browser".
Set Name und angeklickt erstellen.
kopiert und API in JS-Datei eingefügt.
import React, {Component} from 'react';
import * as ReactDOM from "react/lib/ReactDOM";
import YTSearch from 'youtube-api-search';
import SearchBar from './components/search_bar';
const API_KEY = 'AIzaSyD9WN2t4lhIZ5Es34jwaerM98r2nSutLJs';
class App extends Component {
constructor(props) {
super(props);
this.state = {videos: []};
YTSearch({key: API_KEY, term: 'surfboards'}, (videos) => {
console.log(data);
this.setState({videos});
});
}
render() {
return (
<div>
<SearchBar />
</div>
);
}
}
ReactDOM.render(<App />, document.querySelector('.container'));