亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

找不到類組件函數

找不到類組件函數

HUH函數 2022-07-08 15:53:42
我有一個問題,這是一個類組件: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 is not a function } 為什么?我需要安裝一些嗎?
查看完整描述

2 回答

?
慕斯709654

TA貢獻1840條經驗 獲得超5個贊

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

        });

    }


查看完整回答
反對 回復 2022-07-08
?
MMMHUHU

TA貢獻1834條經驗 獲得超8個贊

response.json 是一個函數,因此你不能映射一個函數。只需將此行更改為

const tasks = await response.json();


查看完整回答
反對 回復 2022-07-08
  • 2 回答
  • 0 關注
  • 143 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號