Ошибка API извлечения: не удается прочитать свойство 'map' из неопределенного

Question

Я следую этому онлайн-уроку по использованию Fetch для использования данных API; Мне удалось получить приложение для извлечения данных с помощью URL-адреса JSON, приведенного в руководстве. Однако я сделал некоторые изменения в коде и попытался извлечь данные из другого файла JSON и получил ошибку:

Вот код:

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


class ClientInfo extends Component {

    constructor(){
        super();
        this.state= {
            titles: []
        };
    }


    componentWillMount(){
        fetch('https://jsonplaceholder.typicode.com/todos')
        .then(results => {    
          return results.json();
        }).then(data => {
          let titles = data.results.map((til) => { 
            return(                                  
              <div key={til.results}>              
                <p>{til.title} </p>    
              </div>
            )
          })
          this.setState({titles: titles});        
          console.log("state", this.state.titles);
        })
      }



    render() {
        return (
            <div>
                <Navbar />
                <div className="container">
                        <div className="clientContainer">
                      {this.state.titles}
                        </div> 
            </div> 
            <Footer /> 
          </div>
        );
      }
}

export default ClientInfo

Ошибка возникает в этой строке: let title = data.results.map ((til) => {. Могу ли я получить некоторую помощь, что я делаю неправильно?

Answer 1

data.results - не массив. Массив data.map