我正在嘗試呈現一個博客頁面以顯示所有 Storyblok 博客條目:這是我的 blog.js 頁面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 但是當我運行它時,我得到了這個錯誤。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 }任何幫助將不勝感激!謝謝。
如何制作 Gatsby Storyblok 博客索引頁
守著星空守著你
2023-06-09 15:24:20