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

错误发生在这一行：let titles = data.results.map（（til）=＆gt; {。我可以得到一些帮助吗？

Answer 1

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

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

1 个答案: