Riot API с React Im не возвращает json - PullRequest
0 голосов
/ 27 сентября 2018

Может кто-нибудь помочь мне, что я делаю неправильно, я не могу получить объекты из этого (ключ API отсутствует в коде).Несколько советов по изучению API было бы неплохо.Я хочу по крайней мере console.log() JSON и идти оттуда.

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


class App extends Component {
  constructor(props){
    super(props);
    this.state ={
      error: null,
      isLoaded: false,
      items: []
    };
  }

  componentDidMount() {
    fetch("https://eun1.api.riotgames.com/lol/summoner/v3/summoners/by-name/EvilDex?api_key=", {mode: "no-cors"})
      .then(res => res.json())
      .then(
        (result) => {
          this.setState({
            isLoaded: true,
            items: result.items
          })
        },
        (error) =>{
          this.setState({
            isLoaded: true,
            error
          })
        }
      )
    
  }

  

1 Ответ

0 голосов
/ 28 сентября 2018

Вы не можете звонить в API, используя Javascript на стороне клиента.API не позволяет этого, и он также предоставляет ваш ключ API любому, кто проверяет ваш код из браузера.

Процесс должен выглядеть следующим образом: React Client запрашивает данные у сервера -> сервер отправляет запрос в RiotAPI для данных -> Riot API отвечает данными -> Сервер обрабатывает данные (форматирует / сортирует / фильтрует или все, что вы хотите с ним делать) -> Отвечает клиенту React с данными -> React отображает данные в JSX.

...