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

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

如何制作 Gatsby Storyblok 博客索引頁(yè)

如何制作 Gatsby Storyblok 博客索引頁(yè)

守著星空守著你 2023-06-09 15:24:20
我正在嘗試呈現(xiàn)一個(gè)博客頁(yè)面以顯示所有 Storyblok 博客條目:這是我的 blog.js 頁(yè)面import React from "react"import Layout from "../components/layout"import Blogposts from "../components/BlogPosts"import StoryblokService from '../utils/storyblok-service'export default class extends React.Component {  state = {    stories: {    }  }  async getInitialStories() {    let { data: { stories } } = await StoryblokService.get('cdn/stories?starts_with=blog')    return stories  }  async componentDidMount() {    let stories = await this.getInitialStories()    if(stories.content) this.setState({ stories })    console.log(stories)    setTimeout(() => StoryblokService.initEditor(this), 200)  }  render() {    return (      <Layout>        <Blogposts stories={this.state.stories.content} />      </Layout>    )  }}console.log(stories)返回我的博客文章Blogposts 組件看起來像這樣import React from 'react'const BlogPosts = (stories) => (    <ul>      {stories.map((story) => (          <li key={story._uid}>            { story.title }          </li>        )      )}    </ul>)export default BlogPosts 但是當(dāng)我運(yùn)行它時(shí),我得到了這個(gè)錯(cuò)誤。TypeError: undefined is not a function (near '...stories.map...') BlogPosts src/components/BlogPosts.js:52 |   3 | const BlogPosts = (stories) => (  4 |> 5 |     <ul>  6 |       {stories.map((story) => (  7 |           <li key={story._uid}>  8 |             { story.title }任何幫助將不勝感激!謝謝。
查看完整描述

2 回答

?
慕標(biāo)琳琳

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

您正在傳遞undefinedBlogposts,因?yàn)?code>content一開始您的狀態(tài)中不存在,并且您僅在獲取數(shù)據(jù)后才設(shè)置它。



查看完整回答
反對(duì) 回復(fù) 2023-06-09
?
鳳凰求蠱

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

您在此處傳遞故事<Blogposts stories={this.state.stories.content} />,但值是通過異步獲取的。所以模板試圖在值可用之前呈現(xiàn)const BlogPosts = (stories) => ()

改為<Blogposts stories={this.state.stories.content} />_{this.state.stories.content && <Blogposts stories={this.state.stories.content} />}


查看完整回答
反對(duì) 回復(fù) 2023-06-09
  • 2 回答
  • 0 關(guān)注
  • 167 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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