Необработанное отклонение -SyntaxError- Неожиданный конец ввода JSON - PullRequest
0 голосов
/ 27 апреля 2018

Мой файл JSX возвращает данные API при доступе с myjson.com; но когда я пытаюсь получить доступ к данным из предоставленного URL-адреса для API, я получаю сообщение об ошибке «Unhandled Rejection -SyntaxError- Unexpected end of JSON input». Предоставленный URL-адрес при размещении в Postman возвращает данные через GET, когда предоставляется токен на предъявителя.

Мой вопрос: должен ли этот же токен быть реализован в моем файле JSX, чтобы получить доступ к данным для API, и если да, то как это реализовано в коде?

Это мой код (модифицированный):

import React, { Component } from 'react';
import {render} from "react-dom";
import Navbar from '../components/Navbar.jsx';
import Footer from '../components/Footer.jsx';
import './MemberInfo.css';

class MemberInfo extends Component {

    state = { data: [] }

    componentWillMount(){
        fetch('http://myjson.com/api/e312j/', {
            method: 'GET',
            headers: {
                'Accept': 'application/json',
                'Content-type': 'application/json',
                'Authorization': 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1lIjoiR3JlZyIsInVuaXF1ZV9uYW1lIjoiZ2dyYWZmIiwibmJmIjoxNTI0ODM5Nzc1LCJleHAiOjE1MjQ5MjYxNzV9.xhvdfaWkLVZ_HLwYQuPet_2vlxNF7AoYgX-XRufiOj0'
            },
        }


        ) /*end fetch */
        .then(results => results.json()) 
        .then(data => this.setState({ data: data }))   
      }

    render() {
        console.log(this.state.data);
        return (
            <div>
                <Navbar />
                <div className="container">
                     <div className="clientContainer">
                            {
                                this.state.data.map( item =>( 
                                <div>
                                    {item.clientName}
                                </div>
                                ))
                            }
                        </div> 
            </div> 
            <Footer /> 
          </div>
        );
      }
}

export default MemberInfo;

Я все еще новичок в использовании ReactJS для получения данных API; можно мне помочь с этим, пожалуйста?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...