第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

當(dāng)存儲在反應(yīng)狀態(tài)中時(shí),數(shù)組變成對象

當(dāng)存儲在反應(yīng)狀態(tài)中時(shí),數(shù)組變成對象

肥皂起泡泡 2023-08-18 16:29:37
我正在從我的 api 獲取一些數(shù)據(jù)。在獲取數(shù)據(jù)的回調(diào)中,數(shù)據(jù)是一個(gè)數(shù)組:const classes = useStyles();const [posts, setPosts] = useState([]);useEffect(() => {    fetch('https://forum-temp.herokuapp.com/api/posts')        .then((res) => res.json())        .then((res) => {            console.log(typeof res.data.docs) // Array            setPosts(res.data.docs);        });}, []); 在我的功能組件的 return 語句內(nèi) -<div className="post__container">                    { {posts.map((post, i) => (                        <MiniPost                            dp="https://picsum.photos/200"                            username="blah"                            time="blah"                            heading="blah"                            comments="4"                            history={history}                            key={i}                        />                    ))} }    </div>
查看完整描述

1 回答

?
慕的地6264312

TA貢獻(xiàn)1817條經(jīng)驗(yàn) 獲得超6個(gè)贊

因?yàn)槟闶请p層包裝的。React 僅使用單一包裝。僅使用一組{}這樣的{posts.map( ... )}:


<div className="post__container">

  {posts.map((post, i) => (

    <MiniPost

      dp="https://picsum.photos/200"

      username="blah"

      time="blah"

      heading="blah"

      comments="4"

      history={history}

      key={i}

    />

  ))}

</div>


查看完整回答
反對 回復(fù) 2023-08-18
  • 1 回答
  • 0 關(guān)注
  • 120 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號