获取 API 错误：无法读取未定义的属性“地图”

Question

我正在关注有关使用 Fetch 使用 API 数据的在线教程；我能够使用教程中提供的 JSON url 让应用程序获取数据。但是，我对代码进行了一些修改，并尝试从不同的 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

错误发生在这一行：lettitles = data.results.map((til) => {。我能得到一些帮助，因为我做错了什么吗？

Answer 1

data.results - 不是数组。数组数据.map