Мой файл 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; можно мне помочь с этим, пожалуйста?