javascript - 找不到类组件功能

我有个问题
  这是一个类组件：

import React from 'react';
import ListToDo from './ListToDo';


export default class TestClass extends React.Component{
    state ={
        tasks:[]
    }


    async componentDidMount(){
        const response = await fetch('https://nztodo.herokuapp.com/api/task/?format=json');
        const tasks = await response.json
        this.setState({
            tasks
        });
    }
    render(){
        return(
            <ul className="list-group">
             {
                this.state.tasks.map(function(singleTask){
                    return <ListToDo task={singleTask} key={singleTask.id} />
                })
            }
            </ul>
        );
    }

错误是：
    TypeError：this.state.tasks.map不是函数}
为什么？
我需要安装一些吗？

最佳答案

response.json是一个函数。您正在将其分配为tasks状态。因此，当您尝试使用Array.prototype.map()时，tasks不是数组。

调用它而不是将其分配给任务：

    async componentDidMount(){
        const response = await fetch('https://nztodo.herokuapp.com/api/task/?format=json');
        const tasks = await response.json() // Call json function here
        this.setState({
            tasks
        });
    }

关于javascript - 找不到类组件功能，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/61316655/