Как разместить данные из MoviesDB API и визуализировать на странице в React - PullRequest
Новая
       54

Как разместить данные из MoviesDB API и визуализировать на странице в React

0 голосов
/ 23 октября 2018

Я просто хотел узнать, могу ли я в любом случае опубликовать данные, используя fetch api из MoviesDB.Я смог опубликовать информацию на консоли.Но сейчас я бы хотел сделать рендеринг на своей странице React.Вот мой код ниже.Любая помощь приветствуется.Спасибо! 

import React, {Component} from 'react';
import './App.css';




class Home extends Component{

  constructor(props) {
    super(props);

  }

  getPost = () => {
    return fetch("https://api.themoviedb.org/3/movie/550?api_key=54a83919a7f93d82a8b8bdd417544d6f")
  .then(res=>res.json())
  .then(posts => console.log(posts))
  }




render() {

    return (
      <div className="App">
      <div className="headings">
      <img className="LOGO" src="https://www.moonlight.com.au/wp-content/themes/moonlight-2016/dist/images/moonlight-logo.png" alt="back"/>
      <input className="input"
        placeholder="Enter a movie title" />
        <button onClick={this.getPost}>Get post</button>
        </div>
      </div>
    );
    }
}


export default Home;
...