首页 > 解决方案 > (React fetch data)这两者有什么区别

问题描述

我对编码世界很陌生。我正在创建一个 meme 生成器并从 api 获取数据。下面是部分代码,有一个 const {memes} 来存储从 api 获取的数据,但是为什么我需要它呢?为什么我不能这样说--> this.setState({allMemeImg: response.data})

    componentDidMount(){
        fetch("https://api.imgflip.com/get_memes")
        .then (response => response.json())
        .then (response => {   
            const {memes} = response.data 
            this.setState({allMemeImg: memes})
                })
    }

标签: javascriptreactjsvariablesfetchconstants

解决方案


该行const {memes} = response.data使用解构语法分配response.data.memes给一个常量memes。相当于说const memes = response.data.memes。你可以跳过它并做this.setState({allMemeImg: response.data.memes})


推荐阅读