Reactjs 反应-错误结果映射不是一个函数？ 框架：React 错误类型：result.map不是函数

我按照书中的道路学习反应，我尝试了以下代码与黑客新闻API它工作得很好，但它不与此API工作。我不知道为什么会出现这个错误，请帮助我

链接到我的沙盒->

从React导入React，{Component}； //API块 常量路径_基=https://jsonplaceholder.typicode.com/todos; const PATH_SEARCH=/SEARCH； 常量参数搜索=查询=； const DEFAULT_QUERY=redux； //常量url=`${PATH_BASE}${PATH_SEARCH}？${PARAM_SEARCH}${DEFAULT_QUERY}`； //console.logurl； 类应用程序扩展组件{ 建造师{ 超级的 此.state={ 结果：空 }; this.hitStories=this.hitStories.bindthis； } //处理本地状态值 hitStoriesresult{ 这是我的国家{ 后果 }; } //生命周期法 //注意：componenetDidMount在render方法之后运行 组件安装{ 获取`${PATH\u BASE}${PATH\u SEARCH}？${PARAM\u SEARCH}${DEFAULT\u QUERY}` .thenresponse=>response.json .thenjson\u结果=>this.hitStoriesjson\u结果 .catcherror=>错误； } 渲染{ console.logthis.state const{result}=this.state； 如果！结果{ 返回null； } 回来 在React中获取API {result.map 项目 => {item.title} } ; } } 导出默认应用程序； .map用于数组，结果不是数组而是对象。试试这个：

render() {
  const { result } = this.state;

  return result ? (
    <div>
      <h2>Fetch API in React</h2>
      { Object.values(result).map((item) => (
        <div>{item.title}</div>
      ))
      }
    </div>
  ): null;
}

.map用于数组，结果不是数组而是对象。试试这个：

render() {
  const { result } = this.state;

  return result ? (
    <div>
      <h2>Fetch API in React</h2>
      { Object.values(result).map((item) => (
        <div>{item.title}</div>
      ))
      }
    </div>
  ): null;
}

---

实际上，this.state.result是一个对象，所以不能对其进行迭代。result变量是一个对象，而不是数组。您应该将其更改为：Object.valuesresult.mapitem=>，这将创建一个包含所有values@szczocik谢谢，它修复了错误，但是它没有映射api中的标题列表。我遗漏了什么？@YashMarmat，当你遍历它时，它的形状是什么？@szczocik我只是将它用作随机变量，我已经给出了上面我的沙盒的链接，希望这有助于解决我的问题。实际上，this.state.result是一个对象，所以你不能遍历它。result变量是一个对象，而不是数组。您应该将其更改为：Object.valuesresult.mapitem=>，这将创建一个包含所有values@szczocik谢谢，它修复了错误，但是它没有映射api中的标题列表。我遗漏了什么？@YashMarmat，当你遍历它时，它的形状是什么？@szczocik我只是将它用作随机变量，我已经给出了上面我的沙盒的链接，希望这有助于解决我的问题。非常感谢，这修复了错误，但它没有映射api中存在的标题列表。我遗漏了什么？非常感谢，这修复了错误，但它没有映射api中的标题列表。我错过了什么？