6
現代Redux With Reactチュートリアルに従っていて、Youtube Data API v3にアクセスしようとしていますが、ChromeコンソールでエラーGoogle Maps API warning: NoApiKeysが発生します。 YoutubeのAPIキーを登録したので、なぜGoogle Mapsの警告が表示されるのか分かりません。Youtube Data APIにアクセスしようとすると「Google Maps API warning：NoApiKeys」
をクリックしました。資格情報に移動します。
"APIキー" をクリックしました。
"ブラウザ" をクリックしました。
セット名と作成をクリック。 JSファイルにAPIをコピー＆ペースト
。
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'));