javascript - 进行 fetch 调用时出错

In lại 作者：行者123 更新时间：2023-12-03 03:41:29 27 4

import React, { Component } from 'react';

import './App.css';

class App extends Component {
  constructor(){
    siêu();
    this.state={
      booksLists:'',
      description: ''
   }
 }
  componentWillMount() {
    fetch('https://reactnd-books-api.udacity.com/books', { headers: { 
   'Authorization': 'whatever-you-want' }})
    .then(res => res.json())
    .then(res => {
       this.setState({booksLists: res})
   })
  }

    render() {
    let booksLists = this.state.booksLists;
    console.log(booksLists)

    trở lại (
      

         
My Reads

         

       

      );
  }
}

class App extends React.Component {
  constructor() {
    siêu();
    this.state = {
      booksLists: []
    };
  }
  componentWillMount() {
    fetch("https://reactnd-books-api.udacity.com/books", {
      headers: {
        Authorization: "whatever-you-want"
      }
    }).then(res => res.json()).then(res => {
      this.setState({booksLists: res.books});
    });
  }

  render() {
    const {booksLists} = this.state;
    const books = booksLists
      ? booksLists.map(book => 

        

          
{book.title || 'not available'}

          
{book.subtitle || 'not available'}

        

        

          

            

              
            
          
            

              

                Authors: 
                 {book.authors
                  ? book.authors.join(', ')
                  : 'not available'}

              

                Publisher: 
                {book.publisher || 'not available'}

              

                Date of publication: 
                {book.publishedDate || 'not available'}

            

          

          

            

              
{book.description || 'not available'}

            

          

        

      
)
      : null;

    trở lại (
      

        
My Reads

        {books}
      

    );
  }
}

ReactDOM.render(
  , document.getElementById("root"));

27 4 0

• javascript - 为什么 fetch 会返回 "TypeError: Failed to fetch"而不仅仅是 "Failed to fetch"？

  我正在运行此代码并在没有互联网连接的情况下进行测试: fetch(url, options) .then(res => { // irrelevant, as catch happens

• javascript - fetch 事件处理程序中的 fetch() 不会触发 service worker 中的 fetch 事件？

  function fetchHandler(evt) { console.log('request:' + evt.request.url); dealWithRequest(evt)

• sql - Order By [...] OFFSET [..] FETCH [...] 子句中的 fetch Next 和 fetch First 有什么区别？

  我在 AdventureWorks2016 上执行了两个示例查询，并得到了相同的结果。那么什么时候应该使用 NEXT 或 FIRST 关键字？ select LastName + ' ' + Firs

• sql - 我需要使用 join fetch，但它会导致 "query specified join fetching, but the owner of the fetched association was not present in the select list"

  我有以下查询: @Query("SELECT new de.projectemployee.ProjectEmployee(employee) " + "FROM ProjectEmpl

• express - fetch:从 fetch 响应中获取 cookie

  我正在尝试使用 fetch on react 来实现客户端登录。 我正在使用护照进行身份验证。我使用的原因 fetch而不是常规 form.submit() , 是因为我希望能够从我的快速服务器接收错

• javascript - Aurelia-Fetch 是否依赖于 Whatwg-fetch？

  我正在尝试将我的 Aurelia 项目从 beta 版本升级到 3 月版本。 我遇到的错误之一是: Cannot find name 'Request'. 谷歌搜索会在 GitHub 上显示此问题:h

• javascript - fetch() 和 window.fetch() 有什么区别？

  见标题。在我们的react项目中调用fetch时，一位(现已离职)开发人员最初使用from fetch to window.fetch。我不确定两者之间的区别，也无法在网上找到任何结论(W3Schoo

• javascript - 为什么 Fetch API fetch() 总是抛出异常？

  这个问题在这里已经有了答案: HTTP status code 401 even though I’m sending credentials in the request (1 个回答) How

• node.js - fetch-mock 不会模拟我的 fetch

  这是代码片段: var fetch = require("node-fetch"); var fetchMock = require("fetch-mock"); function setupMock

• javascript - isomorphic-fetch 和 fetch 有什么区别？

  我在这里看到了两种不同的抓取方式: https://github.com/github/fetch https://github.com/matthew-andrews/isomorphic-fetc

• Git fetch origin 与 git fetch --all

  以下git命令有什么区别？ git fetch origin 和 git fetch --all 从命令行运行它们看起来就像它们做同样的事情。 最佳答案 git fetch origin 仅从 ori

• reactjs - Continuously Fetch API 对于新数据 React Fetch

  我有一个不断改变值的动态 json。我想用该数据绘制图表所以我将动态数据存储到数组然后用该数组绘制图表。目前我创建了 serinterval 用于从 api 获取新数据。但问题是如果新数据没有，它会再

• fetch - 可以使链接 rel=preload 与 fetch 一起使用吗？

  我有一个很大的 JSON blob，我想预先加载我的网页。为此，我添加了 到我的页面。我也有一个 JS 请求来获取相同的 blob。 这不起作用，控制台报告: [Warning] The resour

• javascript - Fetch 抛出 "TypeError: Failed to fetch"成功的同源请求

  我们在单页 JavaScript 应用程序发出 fetch 请求时遇到不一致的客户端错误。值得注意的是，它们都是同源请求。 let request = new Request(url, options

• reactjs - React-fetch 和 Whatwg-fetch 有什么区别

  我是 ReactJS 的新手，我一直在阅读如何从 api 获取和发布数据。我见过这两个，但我不知道该用什么以及两者之间有什么区别？我读了它，但我不确定我会用什么。谢谢! react-fetch wha

• orm - fetch ="EAGER"和 fetch ="LAZY"在学说上有什么区别

  Doctrine中注解@ManyToOne中的fetch="EAGER"和fetch="LAZY"有什么区别？ /** * @ManyToOne(targetEntity="Cart", casca

• javascript - 在 javascript 中使用另一个 fetch 中的 fetch

  我想要获取一个 api，然后调用另一个 api。在 javascript 中使用这样的代码是否明智？ fetch(url, { method: 'get', }).then(function(re

• javascript - 如何在 fetch 中检索对象属性数组，然后将其传递给第二个 fetch 调用？

  我有一个组件，它依赖于 2 个端点来检索所需程序的名称。我有 2 个端点。第一个端点返回程序列表，它是一个对象数组。目前，它仅返回 4 个节目(2 个节目 ID 为“13”，另外两个节目 ID 为“1

• c - 错误: Define not done before fetch or execute and fetch

  我的应用程序从外部源(配置文件)接收查询，因此它必须从查询结果中获取列。我有一些代码: typedef union _DbField { text text[512]; sword i

• ios - 核心数据 :Fetch rlelationships or Fetch Main Entity

  我有一个实体A，它与实体B有对多关系。 Entity A -->> Entity B 我需要在多个屏幕上引用一对多关系的计数。此外，我可以多次从 Entity A